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');
    });
}

Answer 2

你可以$.parent像这样使用：

var parent_div = $(event.target).parent();

Answer 3

尝试不使用内联onClick

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

JS：

$('input.btn').on('click',function(e){
    $.get('moodle/api.php',{action: "getfeedback", id: this.id},  function(data) {   
    });
});