检查$(this)是什么

Question

我正在尝试为每个单击一个复选框获取警报.

这是我的JS代码:

 $('#acts').find(':checkbox').click(function(){
     if($(this) == 'all')
     {
         alert('Checkbox Clicked');
     }
 });

和HTML:

<div id="acts">
    <input type="checkbox" id="all">
    <input type="checkbox" value="Brussel" name="locality"> <label>Brussel</label>
    <input type="checkbox" value="Anderlecht" name="locality"> <label>Anderlecht</label>
    <input type="checkbox" value="Oudergem" name="locality"> <label>Oudergem</label>
</div>

我首先尝试这种方式,但也尝试添加

var theName = $(this);

和

var theName = String($(this));

并在IF语句中再次比较'theName',但是$(this)或我赋给它的变量,不断返回我[Object] [object],我无法比较那样.

Answer 1

你可以简单地检查

if(this.id == 'all')

请注意,要访问该id属性,则无需执行此操作$(this).attr('id'):直接访问该属性更快.

正如@RoryMcCrossan在下面的评论中所说,this并且$(this)是对象,因此将它们与字符串进行比较是没有意义的.

Answer 2

像这样.

$(this).attr("id") == 'all'

尽管使用"id"来"识别"元素并不是最好的方法.请记住,页面上只能有一个ID.dataattr可能更适合这样做.在这种情况下你会这样做

<input type="checkbox" data-something="all" />

$(this).data("something") == 'all';