我使用以下代碼來(lái)獲取選擇的表行的信息，如何訪問(wèn)第一個(gè)元素（在本例中為 2）并將其分配給變量？$(document).ready(function(){$("#usersTable tr").click(function(){ $(this).find("td").each(function(){ console.log($(this).html()); }); });})它在控制臺(tái)中返回以下內(nèi)容HTML 代碼：<table id="usersTable"> <div id="div2"> <tbody id="tableBody"> <tr id="tableHeadings"> <th>User ID</th> <th>Email</th> <th>Forename</th> <th>Surname</th> <th>Avatar</th> </tr> <tr id="row0"> <td id="id0" title="User ID Number"></td> <td id="email0" title="User Email"></td> <td id="forename0" title="User Forename"></td> <td id="surname0" title="User Surname"></td> <td> <img id="image0" title="User Image"> </td> </tr></tbody></div></table>
3 回答
料青山看我應(yīng)如是
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊
您可以使用函數(shù)index的參數(shù)each。 https://api.jquery.com/each/
$(document).ready(function(){
$("#usersTable tr").click(function(){
$(this).find("td").each(function(index){
if (index === 0) {
console.log($(this).html());
}
});
});
})
如果您不需要其他td元素，請(qǐng)不要循環(huán)！最好使用下面這個(gè)解決方案。
慕田峪7331174
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
您可以使用這樣的選擇器，這樣您就不必循環(huán)選定行的所有單元格
$(document).ready(function() {
$("#usersTable tr").click(function() {
console.log($(this).find("td:first-child").html());
});
});
慕桂英546537
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊
我已經(jīng)重構(gòu)了您的 HTML 結(jié)構(gòu)并更新了 javascript 代碼。
$(document).ready(function() {
$('tbody tr').on('click', function() {
let firstTd = $(this).find('td:first-child');
let userId = firstTd.text();
console.log(userId);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="usersTable">
<div id="div2">
<thead>
<tr id="tableHeadings">
<th>User ID</th>
<th>Email</th>
<th>Forename</th>
<th>Surname</th>
<th>Avatar</th>
</tr>
</thead>
<tbody id="tableBody">
<tr id="row0">
<td id="id0" title="User ID Number">2</td>
<td id="email0" title="User Email">some@e.com</td>
<td id="forename0" title="User Forename">demo</td>
<td id="surname0" title="User Surname">doe</td>
<td>img</td>
</tr>
</tbody>
</div>
</table>
- 3 回答
- 0 關(guān)注
- 200 瀏覽
添加回答
舉報(bào)
0/150
提交
取消