3

我正在 jquery 中尝试 this.addclass 向 DIV 添加一个类，这可能是未知的。可以通过这种方式解决吗？

<style>.classOne { font-size:24px; color:#009900;}</style>

<script>
function hello()
{   alert();
$(this).addClass('classOne');
}
</script>

<div class="something"  onclick="hello();"> Test information </div>
4

4 回答 4

14

尽可能避免使用内联 javascript，而是执行以下操作：

<style>.classOne { font-size:24px; color:#009900;}</style>

<script type="text/javascript">
$(function() {
    $('.something').on('click', function() {
        alert('hello');
        $(this).addClass('classOne');
    });
});
</script>

<div class="something"> Test information </div>

小提琴

于 2012-11-08T15:05:17.733 回答
8

您对“this”的引用无效，请改用这个

<style>.classOne { font-size:24px; color:#009900;}</style>

<script>
function hello(ojecttRef)
{   
     alert();
     $(ojecttRef).addClass('classOne');
}
</script>

<div class="something"  onclick="hello(this);"> Test information </div>
于 2012-11-08T15:01:50.080 回答
2

这样会更好...

//Bind a click event to the div
$('div').on('click', function(){
     $(this).addClass('classOne');
});

//No Onclick needed here
<div class="something"> Stuff Here </div>
于 2012-11-08T15:02:57.337 回答
0

改为使用$('this').addClass('classOne');。

this自己不能一个人去。需要在$()

于 2019-05-09T21:00:52.733 回答