在onclick函数中使用“this”

时间:2012-08-23 22:14:54

标签: javascript jquery onclick this

我有加载页面后动态添加的TR。单击它们时,我想将“Active”类添加到它们中。以下是我到目前为止的情况:

<tr onClick="makeActive(this);"><td>....</td></tr>

<script>
function makeActive(element){$('.Active').removeClass('Active');element.addClass('Active');}
</script>

该函数运行,并从当前应用它的任何行中删除“Active”类...但它无法将类添加到单击的行。

感谢您的帮助!

4 个答案:

答案 0 :(得分:11)

this引用一个DOM元素,你必须首先将它包装在一个jQuery对象中,然后将jQuery方法应用于它。

$(element).addClass('Active');

答案 1 :(得分:4)

你很亲密:

<tr onClick="makeActive(this);"><td>....</td></tr>

<script>
function makeActive(element){
    $('.Active').removeClass('Active');
    $(element).addClass('Active');
}
</script>

答案 2 :(得分:1)

$(element).addClass('Active');

答案 3 :(得分:1)

尝试:

$(element).addClass('Active');