Question

我有一张桌子，每排包含3张<td>。现在，我为<tr>分配了一个班级名称，并为所述<td>的第一个<tr>分配了一个班级名称。我为整个<tr>创建了一个click事件，然后应该获得第一个<td>（具有类名称的那个）的html值。我使用了孩子，因为它似乎选择了正确的<td>，但我无法弄清楚如何读取它的html值（innerHTML）。

HTML：

<tr class="dataset">
    <td class="changeid">2</td>
    <td>Someone's name</td>
    <td>Some other info</td>
</tr>

JS：

$(".dataset").click(function() {
    temp = $(this).children(".changeid"); // It only returns 1 result

    // How to get it's HTML value?
}

我不知道这是否是解决问题的最佳方法，如果我可以为所有行使用唯一ID，那对我来说会更容易，但不幸的是HTML生成了，并且不允许给出不同的每个<tr>的ID。

Answer 1

要获取元素的innerHTML，请使用jQuery的.html()方法。

$(".dataset").click(function() {
    var temp = $(this).children(".changeid").html();
}

Answer 2

你甚至不需要这个类来识别第一个元素：

$(".dataset").click(function() {
 var temp = $(this).children(":first").html();
}

Answer 3

$(".dataset").click(function() {
   var id = $(this).find("td").eq(0).html();
   var name = $(this).find("td").eq(1).html();
   var info = $(this).find("td").eq(2).html();
}

获取相同级别的td元素（按类）

3 个答案: