jquery - 之前的方法 jquery

Question

我有一个像这样的 HTML 部分:

<li data-file="file.mp3">
    <div class="pink-light playing">

现在，我想获取 <li> 的“数据文件”属性。但我有几个<li>标签，并且我想要仅属性有一个 div，里面有“playing”类。

我的脚本:

$(".playing").before($("li"),function(){

    alert($(this).attr("data-file"));

});

出了什么问题？

谢谢!

Answer 1

有几种方法可以做到这一点。如果 .playing 元素是唯一的，则:

var file = $(".playing").closest("li").attr("data-file");

closest查找与给定选择器匹配的最近祖先。由于您的 .playing 元素是 li 的子元素(后代)，因此您可以通过这种方式找到它。

或者，您可以使用 :has伪类:

var file = $("li:has(.playing)").attr('data-file');

...但请注意 :has 是 jQuery 的东西，因此它不能委托(delegate)给选择器引擎。