jQuery解析动态html并在标签内查找文本

Question

ajax调用后，我有了这个html输出：

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

我尝试解析“数据操作”以获取标签，但没有结果。

  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属性为“ [{”，因此找不到“ black”的值是正确的。由于引号用于定界属性值，因此发现错误的值。

您可以将属性周围的引号或json内的引号替换为单引号。这将使浏览器无法看到与您所追求的不同的值。

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