Question

Jquery如何获取相同的class里的某一个class的值？

这个问题不好说明：请大神先看代码~~
<form>
<div class="vale">你好我是1！</div>
<div class="vale">你好我是2！</div>
<div class="vale">你好我是3！</div>
<ul>
<li><input type="submit" class="a1"/></li>
<li><input type="submit" class="a2"/></li>
<li><input type="submit" class="a3"/></li>

</ul>

</form>

当我点击按钮a1的时候，就能获取相对应的”你好我是1“的html内容！点击a2获取"你好我是2"...

好纠结啊~~大神们帮帮忙吧。。感激泪流

Answer 1

　　（1）选择某一个对象利用jquery中的Sibling,Parent,Children等方法向上或者向下查找即可
　　（2）注意：如果该标签是input标签取值用val方法，如果为其他用html或者text方法
　　（3）延伸下：可以利用当前事件的this来快速获得class的值，如果可能的话，或者利用find方法来快速查找，更加快捷

Answer 2

你好！

$.each($("#afrm :submit"),function(i,o){
$(o).click(function(){
alert($("#afrm div.vale").eq(i).html());
});
});

原理：
先循环获取submit对象，这里得到一个对象数组，通过遍历为其每个元素绑定click事件；
在click事件中，根据遍历的索引，取出与其相对应的div的元素，并显示内容。

---------------------------------------------------------------------------------------------------

Answer 3

jquery:

alert($("div.vale:eq(0)").html());

这样就能选择vale样式的DIV的第一个。

依此类推。懂否？

Answer 4

标准答案：
$(".a1").click(function(){
$(".vale:eq(0)").text();
})

这个表示第一个div的值

Answer 5

同上