javascript - 如何使用正则表达式搜索嵌套 div 的类名

Question

我想在我的 DOM 中搜索像这样的嵌套 div

 <div class="two-columns some-other-class">
      <div class="two-columns some-other-class">
      </div>
 </div>

我尝试像这样搜索嵌套 div

$("div[class$='columns'] div[class$='columns']")

但它不起作用:(

Answer 1

使用Attribute Contains Selector :

$("div[class*='columns'] div[class*='columns']")

编辑:

如果您想要精确功能，您可能需要扩展 jQuery 选择器引擎:

$.extend($.expr[':'], {
    classEndsWith: function(e, i, meta) {
        var found = false
        var classes = e.className.toLowerCase().split(' ');
        var suffix = meta[3].toLowerCase();
        $.each(classes, function(i, c) {
            // Check if className ends with value in suffix
            if (c.indexOf(suffix, c.length - suffix.length) !== -1) {
                found = true;
                return false;
            }
        });
        return found;
    }
});

var element = $('div:classEndsWith(columns) div:classEndsWith(columns)');

参见JSFiddle .