jquery - 同じレベルのtdの要素を取得します（クラス別）

Question

テーブルがあり、各行に3が含まれてい<td>ます。ここで、クラス名をに割り当て、<tr>別のクラス名を上記の最初<td>のに割り当てました<tr>。全体のクリックイベントを作成しました<tr>。これにより、最初のhtml値<td>（クラス名を持つもの）が取得されます。正しいものを選択しているように見えるので、子を使用しました<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

要素のを取得するには、innerHTMLjQueryの.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();
}