JS如何在表中获得下一个跨度的值

时间:2013-06-15 18:39:39

标签: javascript jquery html

有没有办法在此表中获取范围.vypis的文本值? 我需要使用.vypis上的密钥来访问相应的.key

PHP& HTML:

<table>
    <tr>
      <td><input id="textarea" class="key" type="text" name="item-ks" value="1"/></td>
      <td><span class="vypis">5</span>" /></td>
    </tr>
</table>

JAVASCRIPT:

$(function(){
    $(".key").keyup(function(){
        var value = $(this).val(); // works
        var text = $(this).find(".vypis").text(); // doesn't work
        alert(text); // test is null
        $('.vypis').text(value * text);
    })
});

感谢您的帮助。

3 个答案:

答案 0 :(得分:2)

输入和span元素嵌套在TD的_

$(this).closest('td').next('td').find(".vypis").text();

所以像这样:

$(function(){
    $(".key").on('keyup', function(){
        var value = this.value,
        $(this).closest('td').next('td').find(".vypis").text(function(_,txt) {
            return parseInt(txt, 10) * parseInt(value, 10);
        });
    });
});

答案 1 :(得分:1)

变化:

$(this).find(".vypis").text();

为:

$(this).closest().next().find(".vypis").text();

答案 2 :(得分:1)

使用此方法获取span文字

var text = $(this).closest('td').next().find(".vypis").text();