jQuery移动版-动态地将rel=“外部”添加到嵌套列表中的第三层

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

为你创建了一个。

$('#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");