jquery选择包含当前元素的父节点的 后面所有兄弟节点...

Question

代码如下

<table>
<tr>
<td>
<div class="div_directory">
<select class="directory">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</div>
<div class="div_directory">
<select class="directory">
<option>d</option>
<option>e</option>
<option>f</option>
</select>
</div>
<div class="div_directory">
<select class="directory">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="div_directory">
<select class="directory">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
</td>
</tr>
</table>

如点击第一个<div>里的select元素, 删除第二,第三,第四<div>,
如单击第二个<div>里的select元素,删除第三,第四<div>

简单说就是 select 被选中的话 要留下~到包含被选择的select的<div>, 其后面的div都要删除~

会的教下哈~ 用jquery

Answer 1

首先绑定事件

$("select.directory").bind("click",function(){
$(this).parent("div.div_directory").nextAll("div.div_directory").remove();

});

用nextAll这个api应该可以的,经本地测试 此法可行本回答被提问者采纳

Answer 2

<script>
$(function(){
$(".directory").click(function(event) {
index = $(this).parent().index();
$(".div_directory:gt("+index+")").remove();
});
})
</script>

本回答被网友采纳