jquery选择tr问题，如何获得当前点击元素的值，描述不清楚请看图！谢谢
<divclass="son"><tr><th><span></span>版本:</th></tr><tr><td><div><span></span>移动版</div>...
<div class="son"> <tr> <th><span></span>版本:</th> </tr> <tr> <td><div><span></span>移动版</div></td> <td><div><span></span>联通版</div></td> <td><div><span></span>电信版</div></td> <td><div><span></span>双网通</div></td> <td><div><span></span>全网通版</div></td> <td style="border-style:none"><div id="add"></div></td> </tr> </div><!-- 功能要求： 点击td里面的span标签 获得 当前 <div class='son'></div> 里面的 th 值 （既 获得 <th><span></span>版本:</th>） -->现在是 当点击 添加图标 后 就弹出输入框 ，输入框旁边显示当前选择的类 ， 如在‘版本’这区域点击添加 那就显示 ‘添加版本’：
展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RunJS</title>
<style>
</style>
<script id="jquery_180" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("#add").click(function(){
var me = $(this), mp = me.parents(".son");
var c = $.trim(mp.find("span:first").prop("nextSibling").nodeValue);
var xy = prompt("添加" + c,"");
});
});
</script>
</head>
<body>
<div class="son">
<tr>
<th><span>X</span>版本:</th>
</tr>
<tr>
<td>
<div><span>X</span>移动版</div>
</td>
<td>
<div><span>X</span>联通版</div>
</td>
<td>
<div><span>X</span>电信版</div>
</td>
<td>
<div><span>X</span>双网通</div>
</td>
<td>
<div><span>X</span>全网通版</div>
</td>
<td style="border-style:none">
<div id="add">add</div>
</td>
</tr>
</div>
<!-- 功能要求： 点击td里面的span标签 获得 当前 <div class='son'></div> 里面的 th 值 （既 获得 <th><span></span>版本:</th>） -->
</body>
</html>
追问
就现在这样的代码是可以实现的，但是只有第一个点击有效，其它选项（容量等）没反应 ;
如果加上 那么 var mp = me.parents(".son"); 选择祖先就变成了table ，问题就在这里我应该如何正确选择到 div为 这个dom呢？选择器选择元素把我扰晕了，由于是新手不明白 望给点解释及思路
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
