我有一个HTML页面,其中我有一个项目表(每行一个项目),其中每个项目是一个HTML链接,说“添加”,旁边还有每一个环节,在它的一些文本框。
文字链接和文本框在表中的行内相同的TD。
我如何,使用jquery,捕捉那就是链接我点击右边的文本框中的值。
我有一个HTML页面,其中我有一个项目表(每行一个项目),其中每个项目是一个HTML链接,说“添加”,旁边还有每一个环节,在它的一些文本框。
文字链接和文本框在表中的行内相同的TD。
我如何,使用jquery,捕捉那就是链接我点击右边的文本框中的值。
你可以给你的链接一类,那么这样做:
$("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()
我会建议使用类名除去设计形成的功能。 根据尼克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>