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

Создал для вас демо на 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");