JQuery .attr();

Question

У меня есть следующий HTML-код для рассмотрения ...

<ul class="foo"> 
    <li class="bar"><a>Here #1</a></li> 
    <li class="bar"><a href="#2">Here #2</a></li> 
    <li class="bar"><a href="#3">Here #3</a></li> 
    <li class="bar"><a href="#4">Here #4</a></li> 
</ul> 

Проблема заключается в том, что у меня есть якорь тег, который не имеет в HREF в первом теге элемента списка. Я хочу использовать JQuery для добавления href в тег. Я пытался делать это так (она не работает):

var fooBar; 

fooBar = $('li.bar').children().first(); 
fooBar.attr('a', 'href="#1"'); 

Я подумал, что мне нужно было пройти в индексе, но я посчитал, что .Первый() будет захватить правильный элемент. В любом случае мой код не выполняет то, что я хочу.

Я был бы очень признателен за любое направление и/или вход.

Answer 1

Проблема эта линия

fooBar.attr('a', 'href="#1"); 

сделать это как ниже

fooBar.attr('href', '#1'); 

Answer 2

Вот правильный способ установки значения атрибута:

fooBar.attr('href', "#1"); 

Answer 3

Вы можете использовать как этот

$('li.bar').children('a').first().attr('href', '#1'); 

Answer 4

var add_attr = $('.foo > li:first-child'); 

$(add_attr).find("a").attr('href','#');