javascript - 返回未定义值的简单 Javascript 函数

Question

我有一个简单的 JavaScript 函数，我试图获取用于启动该函数的元素的 ID。我的元素是一个简单的 DIV :

<script type="text/javascript" >
    function updateProduct(prod_id,old_q){
        alert(jQuery(this).attr('id'));
    }   
</script>

<div id="button_container" style="float:left; margin-right:7px; margin-top:3px;  width:59px; height:20px; cursor:pointer;" onClick="updateProduct('19','3060');">

此页面上还有其他 HTML 元素(当然)，但目前这是一个测试按钮，没有其他元素具有与我在此处称为 button_container 相同的测试 ID。正如您所看到的，我的 Script 也是独立的。它不是更长的 Script 等的一部分。我是否错过了一些 super 简单的东西？警报返回“未定义”，并且控制台不报告任何警告或错误...

Answer 1

函数中的 this 是全局对象 window。

您需要将其传递给函数。

function updateProduct(prod_id,old_q, element){
    alert(element.id);
}   

<div id="button_container"  onClick="updateProduct('19','3060', this);">