使用JQUery Next()API从隐藏的文本框中获取数据

时间:2010-07-12 18:45:08

标签: jquery

我正在做一些关于JQuery的自学,并坚持一个问题:
我正在尝试使用JQuery next()API从隐藏类型的文本框字段中获取数据,但我没有这样做。
这是我的代码:

 $(document).ready(function(){
    $(".Testing").click(function(){
    var what =  $(this).next().val();
    alert(what);
    });
 });

<span class="Testing">Hello</span><br/>
<input type="hidden" value="World">

 <span class="Testing">Hi</span><br/>
 <input type="hidden" value="There">

你能帮我解决一下这个问题吗?

参考链接: Grab the ID of a SPAN tag and add some value to a Text Box Field according to which tag has been clicked

2 个答案:

答案 0 :(得分:2)

您可能忘记关闭$(document).ready的调用。 它需要额外的});

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".Testing").click(function(){
        var what =  $(this).next().val();
        alert(what);
    });
});
</script>
</head>
<body>

<span class="Testing">Hello</span>
<input type="hidden" value="World">

<span class="Testing">Hi</span>
<input type="hidden" value="There">

</body>
</html>

答案 1 :(得分:0)

.next()用于包含一组dom对象的jquery对象。

你会将它用于列表之类的东西。看看文档: http://api.jquery.com/next/

实际上你应该能够做你想做的事情。忽略这一点。