jquery - 在 JQuery 中，如何将单击的元素传递给 onclick 事件调用的方法

Question

我在一个页面上有几行:

<div class="save-button" onclick="Save()">Save</div>

在我的 Save() 方法中，我想操作单击以调用 Save() 方法的 div。我如何传递它(我认为 $(this) )，而不求助于 ids？

非常感谢!

Answer 1

删除 save() 并使用 click()捕捉事件:

<div class="save-button">Save</div>
<script>
$('.save-button').click(function () {
    // Now the div itself as an object is $(this)
    $(this).text('Saved').css('background', 'yellow');
});
</script>

^{[ View output ]}

或者如果您坚持使用诸如save()之类的函数:

<div onClick="save(this)">Save</div>
<script>
$(function () {
    save = function (elm) {
        // Now the object is $(elm)
        $(elm).text('Saved').css('background', 'yellow');
    };
});
</script>

^{[ View output ]}

编辑(2015): .on('click', function)

<div class="save-button">Save</div>
<script>
$('.save-button').on('click', function () {
    // Now the div itself as an object is $(this)
    $(this).text('Saved').css('background', 'yellow');
});
</script>