2014-01-26 59 views
-1
<script> 
$(".ppg-bronze" ".ppg-signup" a).click(function(){ 
alert('here'); 
    $("#dog").toggle(); 
}); 
</script> 

<div id="dog" style="display:none">Apples</div> 

我有我想要顯示當有人點擊坐落PPG青銅PPG-註冊內的A HREF一個隱藏的div的點擊運行jQuery的。我如何設置我的標識符,以便他們可以訪問?如何在HREF內心深處的div

它看起來像這樣

<div class=ppg-bronze> 
<div class=ppg-signup> 
<a href>here </a> 
</div> 
</div> 

如何訪問jQuery的A HREF?

+0

去學習一些關於JavaScript和CSS選擇器的基礎知識。 (只要把多個字符串作爲$()的參數當然是無稽之談。) – CBroe

+0

@Cbroe感謝您的幫助。我感謝你進來並放棄對此的投票。多個字符串不是無稽之談。它被稱爲後代選擇器。我還沒有與這些工作。顯然,azeos非常友好,可以幫助我解決這個問題。 – ILikeTurtles

+0

@CBroe我選擇了最有幫助的答案,然後添加了一個答案,以幫助任何其他遊輪尋找幫助的人。你應該閱讀關於使用派生選擇器的內容,以便更好地理解將多個參數放入Jquery選擇器的意義。 – ILikeTurtles

回答

2
<script> 
$(".ppg-bronze .ppg-signup a").click(function(){ 
alert('here'); 
    $("#dog").toggle(); 
}); 
</script> 

Descendant selectors @ W3 and more

+0

這工作完美。我只需要在類 – ILikeTurtles

+0

之前添加div這個詞感謝您的快速和簡單的理解幫助。我也很欣賞你把我和W3聯繫起來的事實。這大大幫助了我。我不記得Descendant Selector這個詞,但你可以快速地慢跑我的記憶。我贊成你。 – ILikeTurtles

+0

「div」部分不應有所作爲。可能是因爲你的課沒有引號,但我只是在猜測。 –

0

如果您正在使用WordPress的您可以通過代碼訪問使用後代選擇申報單,看起來與此類似 -

<script> 
$(document).ready(function() { 
    $("div.ppg-bronze div.ppg-signup a").click(function(){ 
      $("#dog").toggle(); 
    }); 
}); 
</script> 

你可以做一個帖子,準備函數添加到腳本標籤中後的頭,然後使用Jquery訪問後代選擇器,以添加一個onclick函數。這對我有效。