如何使用regex搜索嵌套的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。

Answer 2

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

是有效的。检查