jquery - 我们是否有使用 $.id ('header' ).childs ('link' ).whenAttr ('extra' ).all ('a' ) 等方法的 jquery 选择器

Question

有时我需要动态构建查询选择器字符串。但是使用字符串看起来很难看

$('#header>link[' + extraAttr + '] ' + childElement);

几乎不可读，难以维护。

所以我想知道是否有任何方法查询API可以让我们在.net中构建像linq这样的查询

query = query.Where(xxx);
if(xxx){
     query.First(xxx);
}
return query;

Answer 1

您可以使用变量名称，而不是对选择器类名称中的值进行硬编码。

特别是对于您的情况，这可能是一个可能的选择。

var children = $('#header').children('link'); // get the link children of header
var aElements = []; // create an empty array for expected a elements
$.each(children) function(index, obj) { // operate on each of the link elements
    if(($(obj).attr('extra')).length > 0) { // if the element has the attribute extra
        aElements.push($(obj.attr('class') + " a")); // push the a elements in its child to the array. Eventually the array will contain the list of all the desired 'a' elements.
    }
}