javascript - 使用 event.target.id 从按钮调用的函数中选择一个 div

Question

我有以下 HTML:

<div id="unit0">
<input onclick="getFeedback()" id="46003" class="btn" type="button" value="Upload assignment 1 here">
<input onclick="getFeedback()" id="46001" class="btn" type="button" value="Upload assignment 2 here">
</div>

和我的 getFeedback 函数

function getFeedback(){
       console.log("This function's caller was " + event.target.id);
       $.get('moodle/api.php',{action: "getfeedback", id: event.target.id},  function(data) {   
});
}

我如何从该函数中选择 div？我想将 $.get 的输出附加到包含 event.target.id 的 div

Answer 1

您可以先将 this 传递给函数，如下所示:

<input onclick="getFeedback(this)" id="46003" class="btn" type="button" value="Upload assignment 1 here">
<input onclick="getFeedback(this)" id="46001" class="btn" type="button" value="Upload assignment 2 here">

接下来修改js:

function getFeedback(obj) {
    console.log("This function's caller was " + obj.id);
    $.get('moodle/api.php', {
        action: "getfeedback",
        id: obj.id
    }, function (data) {
        // Get the parent div like
        var $div = $(obj).closest('div');
    });
}