javascript - 如何使用 jquery 从元素中获取属性的 id?

标签 javascript jquery html

我写了这个迷你 jquery 片段,但我想获取 li 元素的 ID,以便我可以将此数据发布到 ajax 调用这是我的脚本

 $('#list li a').on('click', function(e) {

        var id = ? //need to get li id
        e.preventDefault();

        $.ajax({
        type: "POST",
        url: "unfollow.php",
        data: id,
        success: function(){
            $(this).parent().hide();
        $('.updateNumber').html(function(){
            return parseInt($(this).text(),10)+1;
          });
        }
         });
       });
    });

这是一个示例 html 列表:

<ul id="list">
    <li id="list_1" class="list"><a href="">hide</a></li>
</ul>

谢谢:)

最佳答案

您可以使用纯 javascript(无需额外调用 jQuery)

var id = this.parentNode.id 

在这里摆弄http://jsfiddle.net/rL29r/

编辑 - 只获取数字

var id = this.parentNode.id.replace('list_', '')

http://jsfiddle.net/rL29r/2/

关于javascript - 如何使用 jquery 从元素中获取属性的 id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9393083/

相关文章:

javascript - 如何正确地遍历 getElementsByClassName

javascript - 如何停止在 DOM onkeypress Jquery 中添加事件?

javascript - 通过ajax发送后如何访问另一个页面中的数组

html - 处理浏览器缩放(缩放导致换行)

javascript - 仅替换 Javascript 中的最后一个数字

javascript - LoDash 检查对象一和对象二的值是否相等(如果比较)

Javascript 定义一次变量

javascript - 启用和禁用字段

jQuery UI 对话框 + Ajax 在 IE 6-7-8 上失败

javascript - 如何在点击事件上一张一张地播放声音文件