Question

jquery实现在一组同级的div中获取点击的那个div。谢谢。

<div id="userList">
<div id="user1">用户1</div>
<div id="user2">用户2</div>
<div id="user3">用户3</div>

</div>
<div id="gradeList">
<div id="grade1">一年级</div>
<div id="grade2">二年级</div>
<div id="grade3">三年级</div>

</div>
现在我想做的是点击用户里面的某个如user2的，然后用jquery实现年级列表内容改变。这样的效果。用$(this)将所有的div都绑定了click事件额。

Answer 1

直接$(this) 就是当前点击的 DIV啊

追问

用户1
用户2
用户3

一年级
二年级
三年级

现在我想做的是点击用户里面的某个如user2的，然后用jquery实现年级列表内容改变。这样的效果。用$(this)将所有的div都绑定了click事件额。

Answer 2

var userNum =$("#userList div").index(this);
$("#gradeList div").eq(userNum).text("改变了");

Answer 3

$("div").click(function(){ alert($(this).html()) })

追问

用户1
用户2
用户3

一年级
二年级
三年级

现在我想做的是点击用户里面的某个如user2的，然后用jquery实现年级列表内容改变。这样的效果。用$(this)将所有的div都绑定了click事件额。

追答

给 用户名 去个class 叫 user 然后给 年级的去个class叫 grade 当user点击的时候 获得下标 index=$(".user").index(this) 然后 给grade相同下标的html改变 $(".grade").eq(index).html("改变了")

Answer 4

$("#userList div").click(function(){
var i=$("#userList div").index($(this));

$("#gradeList div").eq(i).html("修改内容");

});