如何使用正则表达式为类名搜索嵌套的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']")

正在工作。查看fiddle