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

标签 javascript jquery html

我已经动态生成了 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)valueinput开始同样<tr>

最佳答案

试试这个:

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

关于javascript - 从兄弟元素中查找文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18591706/

相关文章:

javascript - store.filter() 没有按预期工作 ember.js(尝试搜索模型)

jQuery Sum 表 td 并且只允许总计 100

html - 对齐图像的顶部和相邻 div 的顶部

jquery - 按钮在 1199 和 768px 之间停止工作

html - 图像不靠右

javascript - 有没有办法让正则表达式函数来检查名字和姓氏?

javascript - 如何使用 jQuery 获取内部样式表?

javascript - 将 PHP 字符串转换为用于 Google 图表的 JavaScript 数组

javascript - 从数组中选择元素时出现意外标识符

javascript - 如何获取第二个td的innerHTML