2010-05-29 2 views
0

я имею ниже пример кода для списка навигации:JQuery селектор

<div id="menu"> 
<ul> 
    <li><a href="#sect1">link 1</a></li> 
    <li><a href="#sect2">link 2</a></li> 
    <li><a href="#sect3">link 3</a></li> 
</ul> 
</div> 

and some jquery code: 
$("#menu li").click(function() { 
    var mylicontent=$(this).html(); 
}); 

я хочу, чтобы получить как содержимое HTML объекта Li и HREF значение. Любые идеи?

+3

только некоторые комментарии по разметке: вы можете принять, что дополнительные ДИВ и поставить идентификатор на вашем ул :) меньше разметкой, более семантический :) – corroded

ответ

4

Вы можете сделать так:

$("#menu li").click(function() { 
    var mylicontent = $(this).html(); 
    var mylik = $(this).find('a').attr('href'); 
}); 

Или вы также можете сделать нравится:

$("#menu li").click(function() { 
    var mylicontent = $(this).html(); 
    var mylik = $('a', this).attr('href'); 
}); 
+0

, что было так легко ! благодаря! – Sotos

+0

@Sotos: Добро пожаловать :) – Sarfraz

+0

Я бы использовал делегат здесь, а не x щелкнул события – redsquare

2

Это лучше, если вы присоедините нажмите на a, а не на li.

Тогда вы могли бы сделать что-то вроде $(this).parent().html()

+0

и href будет $ (this) .attr ('href'); право? – Sotos

+0

@ Сото: точно – cherouvim

Смежные вопросы