Селектор JQuery Descendant выделяет все элементы на странице?

Question

Код и контрольный пример на jsbin

По сути, $("#div-pmdialog span"), кажется, выбирает все SPAN на странице, тогда как я понимаю, что он должен найти только те SPAN, которые являются потомками $("#div-pmdialog"). Что я делаю не так?

Answer 1

Ваш HTML не проанализирован, как вы ожидаете.Инспектор DOM говорит, что он анализируется как:

<div id="div-pmdialog">
    <p><span>hello</span></p><div id="div-pmdialog-text"><p></p>
  </div>

  <div id="div-indypcs-error"><span style="background-color:green">hello</span></div>    
</div>

HTML не является XML.В HTML4 и более ранних версиях самозакрывающиеся теги были запрещены, главным образом потому, что браузеры просто игнорировали косую черту.Я полагаю, что HTML5 указывает, что некоторые теги могут быть «самозакрывающимися», но только те, которые могут никогда не иметь никакого контента, например <img> или <br>.

Answer 2

Ваш jQuery действителен. Ваш HTML не.

Вот, проверьте это: http://jsbin.com/iqazus/6/edit

Все элементы div и span должны иметь закрывающие теги.

Answer 3

Проблема вызвана тем, что вы используете короткие теги для элементов <span> и <div>.Здесь работает: http://jsbin.com/iqazus/9/edit#preview

Answer 4

hrmmmm попробуйте "span # div-pmdialog"