永发信息网

jquery选择tr问题,如何获得当前点击元素的值,描述不清楚请看图!谢谢

答案:1  悬赏:70  手机版
解决时间 2021-03-23 05:32
  • 提问者网友:嘚啵嘚啵
  • 2021-03-22 18:21
<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>) -->现在是 当点击 添加图标 后 就弹出输入框 ,输入框旁边显示当前选择的类 , 如在‘版本’这区域点击添加 那就显示 ‘添加版本’:



最佳答案
  • 五星知识达人网友:思契十里
  • 2021-03-22 19:18
<!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>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯