How to go through all the bootstrap-table of my page

Question

How to go through all the bootstrap-table of my page

Navigation

#1 by (2 votes)

0

Hello, I currently have an mvc .net application where in a view I have several tables and the objective is to obtain all the data of all the tables, this is my html code for one of the tables:

<div name="7488" id="7488" control-type="TIssFormTable">
<div class="box">
<div class="box-header">
<div class="bootstrap-table">
<div class="fixed-table-container">
<div class="fixed-table-header"> 
</div>
<div class="fixed-table-body"> 
<div class="fixed-table-loading">Loading, please wait...</div>
<table id="table-7488" data-toggle="table" data-click-to-select="true" data- 
pagination="true" class="table-hover table-responsive table">
<thead><tr id="column-7488">
<th data-sortable="true" width="350">
<div class="th-inner sortable both">Problem</div>
<div class="fht-cell"></div></th><th data-sortable="true" width="50">
<div class="th-inner sortable both">None</div>
<div class="fht-cell"></div></th><th data-sortable="true" width="50">
<div class="th-inner sortable both">Mild</div>
<div class="fht-cell"></div></th><th data-sortable="true" width="50">
<div class="th-inner sortable both">Moderate</div>
<div class="fht-cell"></div></th><th data-sortable="true" width="50">
<div class="th-inner sortable both">Severe</div>
<div class="fht-cell">
</div></th></tr></thead>
<tbody id="tbody-7488">
<tr id="value-0-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">DEPRESSED MOOD</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">R</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">J</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-1-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">MOOD SWINGS</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-2-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">IRRITABILITY</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-3-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">POOR CONCENTRATION</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">t</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-4-7488"><td class="input-details" data-field="TIssFormTable- 
7488" ''="" contenteditable="true">AGITATION</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">A</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-5-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">SLEEP DISTURBANCE</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-6-7488">
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true">FATIGUE/LOW ENERGY</td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7488" ''="" 
contenteditable="true"></td>
</tr>
<tfoot>
<tr></tr></tfoot>
</table> <div class="fixed-table-footer"></div> <div class="fixed-table- 
pagination"></div> 
</div></div></div></div></div></div>


<table id="table-7587" data-toggle="table" data-click-to-select="true" data- 
pagination="true" class="table-hover table-responsive table">
<thead>
<tr id="column-7587">
<th data-sortable="true" width="250">
<div class="th-inner sortable both">Medication</div>
<div class="fht-cell"></div>
</th><th data-sortable="true" width="50">
<div class="th-inner sortable both">DosageFreq</div>
<div class="fht-cell"></div></th>
<th data-sortable="true" width="50">
<div class="th-inner sortable both">StartDate</div>
<div class="fht-cell"></div></th><th data-sortable="true" width="250">
<div class="th-inner sortable both">Purpose</div>
<div class="fht-cell"></div></th></tr></thead>
<tbody id="tbody-7587">
<tr id="value-0-7587">
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true">
</td><td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true">
</td><td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
</tr>
<tr id="value-1-7587">
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
<td class="input-details" data-field="TIssFormTable-7587" ''="" 
contenteditable="true"></td>
</tr></tbody><tfoot><tr></tr></tfoot></table>

I have 2 tables that have data and another 4 that at the moment have no data when I put the javascript code does not take data from the tables that are empty just repeats me the data of the table that has elements.

And I tried this to try and it does not work for me:

$('#table-7488 tr').each(function() {
var field = $(this).find("td:first").html();    
});

javascript jquery html5 jquery-ui asp.net-mvc-5

asked by Raidel Fonseca 22.05.2018 в 17:53

source

1 answer

XML deserialization to objects C # The specified type is not recognized: AlarmManager ignores me and executes the event when he wants

score 2 · Answer 1

You can search the td within your table and then go through them to get the value as follows:

$('#table-7488').find("td").each(function() {
  var field = $(this).html();  
  console.log(field);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table-7488" data-toggle="table" data-click-to-select="true" data- pagination="true" class="table-hover table-responsive table">
	<thead>
		<tr id="column-7488">
			<th data-sortable="true" width="350">
			<div class="th-inner sortable both">Problem</div>
			<div class="fht-cell"></div></th><th data-sortable="true" width="50">
			<div class="th-inner sortable both">None</div>
			<div class="fht-cell"></div></th><th data-sortable="true" width="50">
			<div class="th-inner sortable both">Mild</div>
			<div class="fht-cell"></div></th><th data-sortable="true" width="50">
			<div class="th-inner sortable both">Moderate</div>
			<div class="fht-cell"></div></th><th data-sortable="true" width="50">
			<div class="th-inner sortable both">Severe</div>
			<div class="fht-cell"></div>
			</th>
		</tr>
	</thead>
	<tbody id="tbody-7488">
		<tr id="value-0-7488">
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">DEPRESSED MOOD</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">R</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">J</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true"></td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true"></td>
		</tr>
		<tr id="value-0-7488">
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">DEPRESSED MOOD2</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">R2</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">J2</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">2</td>
			<td class="input-details" data-field="TIssFormTable-7488" ''="" contenteditable="true">2</td>
		</tr>
	</tbody>
</table>

Greetings!