Добавление атрибута Ссылка с помощью JQuery

Question

У меня есть следующий HTML:

<div class="navv"> 
<ul> 
<li><a href="#">HOME</a></li> 
<li class="dropdown"><a href="#">MAPPING</a></li> 
</ul> 
</div> 

То, что я хочу, чтобы петли через каждый «ли», а затем добавить атрибут к этой конкретной Link «A HREF» внутри «ли "который имеет класс„выпадающий список“

мне удалось работать его до:

• обхвата через каждый„ли“
• Я также удалось проверить тыс в «ли» имеет класс «выпадающий список»

Единственная часть слева, что я не могу управлять, чтобы добавить новый атрибут в «A HREF» для конкретного «LI», который имеет «выпадающего меню класса '

Это то, что я пытался до сих пор:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".navv ul li").each(function(index){ 
     if($(this).hasClass('dropdown')){ 
     // Adding a new attribute to the link tag 
     // referring to the particular "li" and "a" inside it and adding attribute, but this doesen't work. 
     $(this).("a").attr('data-toggle','dropdown');  
     } 
    }) 
}); 
</script> 

Answer 1

Попробуйте

$(this).children("a").attr('data-toggle','dropdown');  

Answer 2

Попробуйте

вы атр к li теге вам нужно найти a в li

$(this).find("a").attr('data-toggle','dropdown');  

---

Лучше использовать

$("li.dropdown a").data('toggle', 'dropdown'); 

.data()

Answer 3

Вы код слишком много! Попробуйте это:

$("li.dropdown a").attr('data-toggle', 'dropdown'); 

Кроме того, за исключением того, если вам действительно нужно атрибут на узле DOM (потому что вы выбираете его с кронштейном [] селектора), используйте .data():

$("li.dropdown a").data('toggle', 'dropdown');