如何从一个文本框旁边以我的文字值(how to get the value from a textb

2019-10-21 05:03发布

我有一个HTML页面,其中我有一个项目表(每行一个项目),其中每个项目是一个HTML链接,说“添加”,旁边还有每一个环节,在它的一些文本框。

文字链接和文本框在表中的行内相同的TD。

我如何,使用jquery,捕捉那就是链接我点击右边的文本框中的值。

Answer 1:

你可以给你的链接一类,那么这样做:

$("a.myClass").click(function() {
  alert($(this).next().val());
});

如果你有很多的链接,或者他们是动态添加,改变它有点使用.live()就像这样:

$("a.myClass").live('click', function() {
  alert($(this).next().val());
});

如果你想四处移动文本框,在-之间的元件等,但它仍然是在小区唯一的输入,你可以改变这一点: $(this).next().val()以这样的:

$(this).closest('td').find(':text').val()


Answer 2:

我会建议使用类名除去设计形成的功能。 根据尼克Craver的例子中,你是依靠设计没有改变。 即设计变更需要的功能变化。 下面的例子将在更多的情况下工作,不管是HTML的。

<script type="text/javascript">
$(function() {  
    $(".row .rowClicker").click(function(){
        alert($(this).parents(".row").find(".rowVal").val());
    });
});
</script>

<div class="row" ><input class="rowVal" /> <a class="rowClicker">click</a></div>
<div class="row" ><input class="rowVal" /> <div id="newparent"><a class="rowClicker">click</a></div></div>
<div class="row" ><input class="rowVal" /> <a class="rowClicker">click</a></div>


文章来源: how to get the value from a textbox that is next to my text