属性选择器不工作

Question

我试着用下面的代码按属性选择元素

$('dt[data-panel="2"] h2').html();

但这不适用于

<dl>
    <dt data-panel="panel-2">
        <h2 class="delta expandable">Text</h2>
    </dt>
</dl>

我是不是遗漏了什么？

小提琴在这里，http://jsfiddle.net/u1offsyw/

Answer 1

属性的值是panel-2，而不仅仅是2，因此您的选择器必须是：

$('dt[data-panel="panel-2"] h2').html(); 

Updated fiddle