2011-10-12 70 views
0

所以我有這樣的事情 -的JavaScript訪問元素

<a href="link..." class="text-box-a-href" > 
<div class="text-box"> 
<h4>text...</h4> 
<p> text....</p> 
<span> date.</span> 
</div> 
</a> 

我需要的是,如果有人點擊與類鏈接=「文本框-A-HREF」,它會自動添加類.visited至H4 。 類似的東西 -

$('.text-box-a-href').click(function() { 

    var clicked_element; 

    clicked_element = $(this); 

    $(clicked_element).children('h4').addClass('visited'); 

    }); 

但沒有任何反應。在主頁上,我知道有10000個元素。 謝謝。

+1

爲什麼?不會在CSS中使用'a:visited h4 {}'會更簡單嗎? – Quentin

+0

你有多個具有相同類的href。 – punit

+0

謝謝你quentin!有效!! – user980952

回答

0

我不是100%確定你要做什麼。但是頁面只會使用該腳本重新加載。該類將被添加,然後重新加載頁面並重建DOM。

$('.text-box-a-href').click(function() 
{ 

    $(this).find('h4').addClass('visited'); 

    return false; // Without this the page will just reload? 

}); 
+0

你好,沒有任何改變;(! – user980952

+0

啊,因爲有一個額外的div,h4是錨點的孩子,因爲在我更新的答案 – Alex

+0

中將'children'改爲'find'建議使用'preventDefault() '而不是'return:false'來處理這種情況。http://stackoverflow.com/questions/1357118/javascript-event-preventdefault-vs-return-false – mqchen