JS HTML Object,搜索包含类的元素

时间:2017-06-26 19:36:54

标签: javascript json

我从JSON生成了一些HTML,这给我留下了一个带有动态数量子项的HTML对象,取决于用户和他们是否更改了JSON。

我需要根据类保留对某些元素的引用,因此用户可能会更改类的名称,但是它们需要具有某些关键字,因此,例如,我想保留对{的引用{1}}。

有人可以将此更改为marvLightbox__close之类的内容,那么如何才能仅针对something__close搜索此HTML对象的子项?

我还没有将这个对象附加到DOM,它只是在内存中。

P.S。没有意思!

修改 发现我可以使用它,但我觉得它有点作弊!另外我需要支持IE8 ......

close

修改2

Polyfill实际上并不是太多行,所以它毕竟不是太糟糕......

document.querySelectorAll('[class*=-img]')

1 个答案:

答案 0 :(得分:0)

发现我可以使用它,但我觉得它有点作弊!另外我需要支持IE8 ......

document.querySelectorAll('[class*=-img]')

Polyfill实际上并没有太多的线条,所以它毕竟不是太糟糕......

if (!document.querySelectorAll) {
  document.querySelectorAll = function (selectors) {
    var style = document.createElement('style'), elements = [], element;
    document.documentElement.firstChild.appendChild(style);
    document._qsa = [];

    style.styleSheet.cssText = selectors + '{x-qsa:expression(document._qsa && document._qsa.push(this))}';
    window.scrollBy(0, 0);
    style.parentNode.removeChild(style);

    while (document._qsa.length) {
      element = document._qsa.shift();
      element.style.removeAttribute('x-qsa');
      elements.push(element);
    }
    document._qsa = null;
    return elements;
  };
}