[英]How to wrap sibling text of elements with tag using javascript/jquery?
[英]finding text from sibling elements
我有动态生成的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
指定的浮点数并输出它。 但是,我在使用JQuery进行<td>
遇到了问题。
我试过类似的东西
parseFloat($(".amount input").parent().siblings($("td.value")).text())
获取值,但它不起作用 - 它似乎试图将它乘以每个元素而不管类。 我尝试了一个<tr>
,其中唯一的数据是整数...
2013-8-28 | 2.1 | 20
......它吐了4026.我不知道为什么。
所以,问题仍然存在:我如何从同一<tr>
上的input
开始获取带有类value
的<td>
的内容?
尝试这个:
$(document).ready(function(){
$('input').on('blur', function(){
alert($(this).val() * $(this).parent().siblings('.value').text());
});
})
怎么样
$(".amount").parent().find('.value').text();
尝试
HTML
<table>
<tr>
<td id="val1" class="name"> Apples </td>
<td id="val2" class="value"> 2.33 </td>
<td class="amount"> <input type="text"></td>
</tr>
</table>
JavaScript的
function getvalue()
{
var name = (document.getElementById('val1').innerText || document.getElementById('val1').textContent);
var value = parseFloat(document.getElementById('val2').innerText || document.getElementById('val1').textContent);
}
你可以试试
$('.amount').each(function(){
var $this = $(this), amount = parseFloat($this.find('input').val()) || 0, rate = parseFloat($this.prev().text()) || 0;
console.log(amount * rate)
})
siblings()
函数中的选择器是错误的。 尝试这个:
parseFloat($(".amount input").parent().siblings(".value").text())
采用 :
$('input').on('blur', function(){
var value = $(this).closest("tr").siblings(".value").text();
});
有很多选择:
$(".amount input").parent().prev("td.value").text() //good to use
要么
$(".amount input").parent().siblings("td.value").text()
要么
$(".amount input").parent().parent().find("td.value").text()
完整的工作演示
我已经完成了你想要的keyup事件, FIDDLE
jQuery(function(){
$('.amount input').keyup(function(){
var input_value = this.value;
var values = $(this).parent().prev().text();
alert(input_value * values);
})
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.