javascript - 从兄弟元素中查找文本

Question

我已经动态生成了 HTML 表，我想将其与 JQuery 一起使用。看起来有点像这样，只是多了 <tr>元素。

<table>
  <tr>
    <td class="name"> Apples </td>
    <td class="value"> 2.33 </td>
    <td class="amount"> <input type="text"></td>
  </tr>
</table>

我正在编写的脚本将采用文本输入字段中的任何内容，将其乘以值td中指定的浮点值。并输出它。但是，我无法做到这一点<td>使用 JQuery。

我尝试过类似的方法

parseFloat($(".amount input").parent().siblings($("td.value")).text())

获取值，但它不起作用 - 它似乎试图将它乘以每个元素，而不管类如何。我尝试了<tr>其中唯一的数据是整数...

2013-8-28 | 2.1 | 20

...它输出了 4026。我不知道为什么。

所以，问题仍然是:如何获取 <td> 的内容与类(class)value从input开始同样<tr> ？

Answer 1

试试这个:

$(document).ready(function(){
    $('input').on('blur', function(){
       alert($(this).val() * $(this).parent().siblings('.value').text()); 
    });
})