javascript访问元素

javascript访问元素,javascript,jquery,css,Javascript,Jquery,Css,所以我有类似的东西- <a href="link..." class="text-box-a-href" > <div class="text-box"> <h4>text...</h4> <p> text....</p> <span> date.</span> </div> </a> $('.text-box-a-href').click(function() {

所以我有类似的东西-

<a href="link..." class="text-box-a-href" >
<div class="text-box">
<h4>text...</h4>
<p> text....</p>
<span> date.</span>
</div>
</a>
  $('.text-box-a-href').click(function() {

    var clicked_element;

    clicked_element = $(this);

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

    });
但什么也没发生。在主页上,我有10000个元素,所以你们知道。
谢谢。

我不是100%确定你想做什么。但是页面将使用该脚本重新加载。将添加该类,然后重新加载页面并重建DOM get

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

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

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

});

为什么?在CSS中使用
a:visited h4{}
难道不更简单吗?你有多个具有相同类的href吗?谢谢你,昆汀!成功了@昆汀:你应该完全写一个答案。啊,h4是锚的一个子项,因为有一个额外的div。将
子项
更改为
查找
,就像在我更新的答案中一样。对于这种情况,建议使用
preventDefault()
而不是
返回:false