2010-01-08 73 views
2

我感覺很愚蠢的問這個問題,但我不能想出一個乾淨的方式來寫這個...鏈接點擊功能重定向到HREF

繼承人的HTML

<li> 
<a class='link_parent' href='#'>Test</a> 
</li> 

我希望父李的點擊功能重定向與.link_parent的一個的href ...

所以......

$('a.link_parent').each(function() { 
    $(this).parent().click(function() { 
    // Need to access $(this).attr('href') of the above object 
    // but can't since $(this) is now the <li> object 
    // help! 
    }); 
}); 

回答

2
$('a.link_parent').each(function() { 
    var link = this; 
    $(this).parent().click(function() { 
     link.attr('href'); 
    }); 
}); 
1
$("li").click(function(){ 
    $("a.link_parent", this).trigger("click"); 
}); 

只是範圍的簡短說明。 this不是去訪問項目的唯一方法:

$("a.link_parent").each(function(i,o){ 
    // 'o' will always be a reference to this anchor 
    $(this).parent().click(function(e){ 
    // 'e.currentTarget' will be a reference to this parent 
    alert(o + " " + e.currentTarget); 
    }); 
}); 
0

你可以做它的其他方式round.Dont知道寫它的確切JQuery的方式。

向「li」元素添加一個點擊事件,並抓住它的第一個孩子,即「a:元素並獲得其href。