使用jQuery從最近的跨度獲取文本

Question

我正在尋找通過webgrid呈現的HTML表格中的文本。我想要的文字位於div內，productID。我的起始參考點位於同一行，但最後的td與類span2。我試圖使用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

.span1不是.priceToolTip最接近的元素。使用closest("tr").find(".span1 .productID")如下。

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

Answer 2

.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();