Question

如何使用jquery 选择器 选取当前对象

有N个栏目，A、B、C等， 每个栏目都有一个关闭按钮，如果使用通配符（代码如下），结果点击任意一个栏目的关闭按钮，所有栏目都将关闭，但这不是我想要的效果。我希望点击当前栏目的关闭按钮，关闭当前栏目。似乎应该使用${this}，该如何设置，初学者请教。
$("button").click(function(){
$(".class").remove();
});

Answer 1

你好！！

$("button").click(function(){
    $(".class").remove();   //显然是移除了所有class为class的元素
    
    //可以在这里获取当前栏目，但是这要看html结构了
    // $(this) --> 在这里指向了button自身，可以通过button与当前栏目的关系，找到当前栏目
    //比如这种结构:  <div class="class"><div>栏目内容........</div><button></button></div>
    // var 当前栏目 = $(this).parent();        当前栏目.remove();
});

追问

所有栏目样式一样，css用一个类，可以命名不同ID，比如Id=“A”
$(".click1").click(function(){
$("#A").remove();
});
$(".click2").click(function(){
$("#B").remove();
});
……
这样可以解决问题，但N个栏目需要N行代码，我还没有理解${this}的用法，怎么用一行解决关闭当前栏目的方法？

追答

你的问题相当于又问了一遍！

都说了，这个取决与你的html里面的结构了···
你还是把你的html贴出来看看吧·····这么说，怕你是理解不了了！

如果想通过一行来解决所有的栏目关闭的功能，
就必须设置button与栏目的对应关系；
那么这个对应，可以是索引的对应，也可以是层级关系的对应。

Answer 2

$("button").each(function(i){
   $(this).click(function(){
        $(".class:eq("+i+")").remove();.
   });
});

Answer 3

$("form :input[type=button]").click(function(){
this.remove();
});

希望能适合你做的效果。我的表单是这样的。
<input type="button" value="123" />
<input type="button" value="456" />
<input type="button" value="789" />
<input type="button" value="012" />

Answer 4

三十三、JQuery简介+选择器