PHP,jQuery,选择父div中的所有div

Question

我正在寻找一个广义的选择器函数,它执行以下操作:

$(".data").click(function(){
   //insert proper selector
)};

<div class="one">
<div class="data">text</div>
<div class="data">text</div>
<div class="data">text</div>
</div>

<div class="two">
<div class="data">text</div>
<div class="data">text</div>
<div class="data">text</div>
</div>

我希望选择器执行以下操作:

1).选择父div中的所有div(这意味着包括您刚刚单击的div).

2).不要选择其他"父"div中的div.

我也意识到如果你可以从所选项中过滤$(this)(你点击的div)会很酷.考虑一个奖金问题:)

我一直在从不同角度看这个,但只发现丑陋的硬编码(对于特定的父母).我感谢任何输入!

Answer 1

.siblings() 选择被点击的兄弟姐妹.

.andSelf() 添加单击该集合的那个.

测试示例: http ://jsfiddle.net/sc23L/

$(".data").click(function(){
     // reference the one that was clicked
   var $clicked = $(this);

     // reference the entire set
   var $divs = $clicked.siblings().andSelf();
});

• http://api.jquery.com/siblings/
• http://api.jquery.com/andself/