javascript - 使用 jQuery 从最近的范围获取文本

Question

我希望检索通过网络网格呈现的 HTML 表格内的文本。我想要的文本位于带有 productID 类的 div 内。我的起始引用点与类 span2 位于同一行，但最后一个 td 。我正在尝试使用 jQuery 的 closest()方法但是我没有得到任何返回值。

请参阅下面呈现的 HTML 部分和我的 jQuery 函数:

HTML:

<tr>
    <td class="span1"><div class="productID">1</div></td>
    <td class="span2">Listing</td>
    <td class="span2">Full Districtution</td>
    <td class="span2">$1,350.00</td>
    <td class="span2">2016-01-01</td>
    <td class="span2"><div title="This is my brand new title!" data-original-title="" class="priceToolTip">2016-04-30</div></td>
    <td><a href="/product/AddOrEditProduct?productID=1">Select</a></td>
</tr>

jQuery:

$(".priceToolTip").mouseover(function () {
    var row = $(this).closest("span1").find(".productID").parent().find(".productID").text();
    console.log("Closest row is: " + row);
});

Answer 1

.closest() 方法在祖先中查找匹配项。因此，您可以使用它来获取 tr，然后查找 .productID，如下所示:

var productID = $(this).closest('tr').find('.productID').text();

或者:

var productID = $(this).parent().find('.productID').text();

或者:

var productID = $(this).siblings('.span1').find('.productID').text();