Jquery - 在表中查找值

Question

如何按名称查找值？我找到名称“Obsahbalení：”，我需要返回一个值3,18m²或直接编号3,18。

代码：

<table id="product-detail-info" class="pr-list-parametes"> 
    <tbody> 
     <tr> 
     <td class="pr-detail-parameter-name"> 
      Frézováná hrana: 
     </td> 
     <td class="pr-detail-parameter-value"> 
      ne 
     </td> 
     </tr> 
     <tr> 
     <td class="pr-detail-parameter-name"> 
      Obsah balení: 
     </td> 
     <td class="pr-detail-parameter-value">3,18 m²</td> 
     </tr> 
     <tr> 
     <td class="pr-detail-parameter-name"> 
      Počet desek v balení: 
     </td> 
     <td class="pr-detail-parameter-value">7 ks</td> 
     </tr> 
     <tr> 
     <td class="pr-detail-parameter-name"> 
      Počet m² na paletě: 
     </td> 
     <td class="pr-detail-parameter-value">127,2 m²</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

使用:cotains()伪类选择和next()方法。

console.log(
 
    // select `td` which cotains the text 
 
    $('td:contains("Obsah balení:")') 
 
    // select the sibling `td` which immediately after the element 
 
    .next() 
 
    // get the text contents 
 
    .text() 
 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="product-detail-info" class="pr-list-parametes"> 
 
    <tbody> 
 
    <tr> 
 
     <td class="pr-detail-parameter-name"> 
 
     Frézováná hrana: 
 
     </td> 
 
     <td class="pr-detail-parameter-value"> 
 
     ne 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td class="pr-detail-parameter-name"> 
 
     Obsah balení: 
 
     </td> 
 
     <td class="pr-detail-parameter-value">3,18 m²</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="pr-detail-parameter-name"> 
 
     Počet desek v balení: 
 
     </td> 
 
     <td class="pr-detail-parameter-value">7 ks</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="pr-detail-parameter-name"> 
 
     Počet m² na paletě: 
 
     </td> 
 
     <td class="pr-detail-parameter-value">127,2 m²</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

这会为你工作：

var getText = $('#product-detail-info tr td').filter(function(){ 
    return $.trim($(this).text()) == "Obsah balení:"; 
}).siblings('td').text(); 

alert(getText);