javascript - 如何使用 jQuery 从表中获取 <td> 标签？

Question

我有一个包含几行的表格，这是其中一行的样子:

<tr>
    <td>
        <div class="entry_karma" id="entry_karma_9">
            <h4>4</h4>
        </div>

        <button type="button" class="btn btn-default btn-md" id="vote_up_9" name="vote_up_9" onclick="vote(9, 'up', 1, 8);" disabled="disabled">
            <span class="glyphicon glyphicon-arrow-up"></span>
        </button>

        <button type="button" class="btn btn-default btn-md" id="vote_down_9" name="vote_down_9" onclick="vote(9, 'down', 1, 6);">
            <span class="glyphicon glyphicon-arrow-down"></span>
        </button>

    </td>
    <td>Hello</td>
    <td>2014</td>
</tr>

我想获取此 tr 中第一个 td 中 div 的值。我在同一个 td 中有按钮，当我点击它们时，我会转到一个函数，我需要访问该函数中的行。

我试过以下方法

console.log($(this).closest("tr"));
console.log($(this).closest("tr").find(".div"));

但我不断得到

[prevObject: m.fn.init[1], context: undefined]

我想访问这一行以及对上一行和下一行的访问权，但我看不出哪里出错了。

谢谢。

Answer 1

您正在寻找具有 class="div" 的元素，但没有类似的元素。

console.log($(this).closest("tr").find("div"));

此 div 的值(或更好的内容)在 .html() 或 .text() 中。

console.log($(this).closest("tr").find("div").html());