jQuery Mobile - 在嵌套列表中动态地将rel =“external”添加到第三级

Question

如何在嵌套列表中将rel =“external”动态添加到第三级？

我试过了：

$(document).live("mobileinit", function(){
 $("ul#globalMenu").listview();
});

$(document).live( 'pagebeforecreate',function(event){
 $('ul#globalMenu li ul li.menuList ul li a').attr('rel', 'external');
});

Answer 1

您可以使用此选择器#globalMenu > li > ul > li > ul > li > ul > li > a

为您创建demo at jsFiddle。

$('#globalMenu > li > ul > li > ul > li > ul > li > a').attr("rel", "external");

也可以通过父ul元素的数量来过滤选择，但你应该坚持第一个建议。

$('#globalMenu li a').filter(function() {
    return $(this).parents('ul').length == 4;
}).attr("rel", "external");