将类添加到最近的元素

时间:2013-06-05 15:18:13

标签: jquery closest

我正在尝试为动态创建的对象添加一个类,但这里有一些问题。我无法让它发挥作用!

有什么想法吗?

<span class="status"><div class="like_button"></div></span>

 <script>  
   $(this).closest('span').find('.like_button').addClass('liked')
</script>

更新

事实上,我在每个元素中都有一个类似Facebook的按钮(使用API​​而不是常规API创建),并且需要在我添加“喜欢”或“不喜欢”类之前检查其状态。因此,所有带有“item”类的div都是在PHP循环中创建的。而且我也理解在循环中多次运行脚本并不好。但我需要在这里进一步测试:)

<div class="item">
 <span class="status"><div class="like_button"></div></span>
 <script>  
 $(this).closest('span').find('.like_button').addClass('liked')
 </script>
 </div>

 <div class="item">
 <span class="status"><div class="like_button"></div></span>
 <script>  
 $(this).closest('span').find('.like_button').addClass('liked')
 </script>
 </div>

 <div class="item">

 <span class="status"><div class="like_button"></div></span>
  <script>  
 $(this).closest('span').find('.like_button').addClass('liked')
 </script>
 </div>

 <div class="item">
 <span class="status"><div class="like_button"></div></span>
  <script>  
 $(this).closest('span').find('.like_button').addClass('liked')
 </script>
 </div>

2 个答案:

答案 0 :(得分:0)

当脚本标记中的代码运行时,<span>将是最后加载的标记。

那个beign说,你可以这样做:

$('span:last').find('.like_button').addClass('liked')

小提琴:http://jsfiddle.net/NRUuV/

答案 1 :(得分:-1)

假设$(this)是span:     $(this).next().addClass('liked')