jquery - 获取同一级别的 td 元素（按其类）

Question

我有一张桌子，每行包含 3 <td>。现在，我为 分配了一个类名<tr>，并为所述的第一个<td>分配了另一个类名<tr>。我为整个创建了一个单击事件<tr>，然后它应该获取第一个<td>（具有类名的那个）的 html 值。我使用了 children，因为它似乎确实选择了 right <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，并且不允许给每个行提供不同的 id <tr>.

Answer 1

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

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

Answer 2

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

$(".dataset").click(function() {
    var temp = $(this).children(".changeid").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();
}