javascript - JQuery 选择器内的变量

标签 javascript jquery jquery-selectors

这有效...

    var start = $('.nodes:first>span>div');
    var foo1 = $(".nodes:first>span>div>div>div>div>span>div");
    var foo2 = $(".nodes:first>span>div>div>div>div>span>div>div>div>div>span>div");
    var foo3 = $(".nodes:first>span>div>div>div>div>span>div>div>div>div>span>div>div>div>div>span>div");
    var foo4 = etc,etc...

尝试合并为这样的东西......

    var start = $('.nodes:first>span>div');
    var separator = ">div>div>div>span>div";
    var foo1 = $("start + 1*separator");
    var foo2 = $("start + 2*separator");
    var foo3 = $("start + 3*separator");
    var foo4 = etc,etc...

已经困惑了好几个小时了,但我还是不明白这个语法!有什么指点吗?谢谢!

最佳答案

find()方法看起来应该可以做到。

var $start = $('.nodes:first>span>div');
var separator = ">div>div>div>span>div";
var $foo1 = $start.find(separator);
var $foo2 = $foo1.find(separator); // etc...

如果可能的话,我会尝试简化您的 HTML,这样您就不需要那么多选择器。如果您稍后需要返回它来修复某些问题,那么理解这种代码似乎将是一场噩梦。

关于javascript - JQuery 选择器内的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8147701/

相关文章:

javascript - 在 jQuery 中选择具有特定 ID 的特定元素类型

javascript - 重新编码fly-out menu函数使parent LI的 "sticky"

javascript - 事件处理程序的动态附件不起作用

javascript - JQuery插件函数调用

javascript - jQuery - ScrollTop 和 On.Click 不工作

jquery - 验证具有一位小数的 4 位数字

jquery - 如何对列表中的每个 child 应用不同的 css margin-top

javascript - Firebase - 'pushWithPriority' - 和验证

javascript - 如何始终将数字四舍五入到 Javascript 中最接近的一分钱

javascript - 将函数转换为 jsx