jQuery Mobile - ネストされたリストの3番目のレベルにrel = "external"を動的に追加します

Question

ネストされたリストの3番目のレベルに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

あなたはあなたのためのdemo at jsFiddleを作成し#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");