javascript - 如何使用 jQuery $(this) 更改使用 "onclick"事件的元素的 HTML?

标签 javascript jquery html

我是 jQuery 的新手,我对 $(this) 的使用有点困惑。这是一个简单的示例代码:

<!DOCTYPE html>

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

        <script>
            function change()
            {
                $(this).html("STOP");
            }
        </script>
    </head>


    <body>
        <h2 onclick="change()">GO</h2>
    </body>
</html>

在这里,如果我单击文本“GO”,那么我希望它会自行更改为“STOP”。但它不起作用。我错过了什么?

最佳答案

尝试将 this 传递给引用 h2 元素的函数:

<h2 onclick="change(this)">GO</h2>

然后您可以将该参数传递给您的函数:

function change(el) {
    $(el).html("STOP");
}

或者更好的是,您可以使用 .click() 事件处理程序:

$('h2').click(function() {
    $(this).html("STOP");
});

关于javascript - 如何使用 jQuery $(this) 更改使用 "onclick"事件的元素的 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26250536/

相关文章:

html - 如果弹出模态对话框,则禁用 overflow-y

javascript - 当用户导航到特定部分时执行功能(地理位置)

javascript - 更改 480 宽度 Javascript 按钮的 URL

javascript - SharePoint 2013 - 使用 jQuery 交换 CSS 文件

javascript - 替换 Div 中的所有管道字符

javascript - 菜单中点击事件的问题

javascript - 如何将生产网站的Javascript替换为本地Javascript?

javascript - 是否有可免费用于 JavaScript 的具有排序功能的表对象?

jquery - 是什么导致我的 nivo-slider 抛出以下错误?

javascript - 如何找出表单中的哪个文本区域处于焦点状态?