jQuery анализирует динамический HTML и находит текст внутри тега

Question

У меня вывод html после вызова ajax:

<li data-ops="[{"tags":"black","cates":"tires"}]" class="btn-hover" draggable="true"><img src="images/tidj23.jpg"></li>

Я пытаюсь проанализировать «data-ops» для получения тегов, но без результатов.

  if (event.type == 'DOMNodeInserted' ) {
          var elemIt = $jq('ul.item-list li').attr('data-ops');

          if ( elemIt.indexOf("black") >= 0 ) {
            $jq(this).addClass('black');
          }
  }

Answer 1

Ваш атрибут data-ops равен "[{", поэтому неправильное нахождение значения "черный" является правильным. Он находит неправильное значение, потому что кавычки используются для разделения значения атрибутов.

Вы можете поменять кавычки вокруг атрибута или внутри кавычек одинарными кавычками. Это приведет к тому, что браузер увидит значение не так, как вы.

<li data-ops="[{'tags':'black','cates':'tires'}]" class="btn-hover" draggable="true">