селектор атрибута не работает

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