JQuery：从按钮获取属性值时出现非法调用错误

Question

我有一个有效的 JQuery 和 AJAX 调用，但它给出了如下错误：

未捕获的类型错误：非法调用（…）

在这种情况下，我想在创建时从自定义属性中获取值

<button class='btn btn-danger' onclick='delete_subject_function(this)' id='question_delete' value='$subject_id3' data-class='$class_id3' data-school='$schools_id3'><i class='fa fa-trash' aria-hidden='true'></i></button>

并使用以下代码从按钮 i 获取值，但它给了我一个错误。

例如，我想获取属性值 data-school 、 data-class 和 value 所以，为此我使用 e.getAttribute('data-school');喜欢代码。

这是 JQUERY 代码：

$(document).ready(function(){
    delete_subject_function = function(e){
        var school_id = e.getAttribute('data-school');
        var class_id = e.getAttribute('data-class');
        var value = e.getAttribute('value');
        if(school_id){
            $.ajax({
                type:'POST',
                url:'delete_subject.php',
                data:{delete_subject:school_id,class_id :class_id,value :value},
                success:function(data){
                    refresh_subject();
                }
            }); 
        }else{
           alert("Subject that you want to delete has no ID");
        }
    }
});

Answer 1

只是猜测，但您可以尝试像这样进行重组：

$(document).ready(function(){
  $('[id^=question_delete']).click(function(){
    var school_id = $(this).data('school');
    var class_id = $(this).data('class');
    var value = this.value;
    alert(value);
    if(value.length){
      $.ajax({
        type:'POST',
        url:'delete_subject.php',
        data:{'delete_subject' : school_id},
        success:function(data){
          if (data.length) alert(data);
          refresh_subject();
        }
      }); 
    }else{
      alert("Subject that you want to delete has no ID");
    }
  });
});

	<button class='btn btn-danger' id='question_delete' value='$subject_id3' data-class='$class_id3' data-school='$schools_id3'><i class='fa fa-trash' aria-hidden='true'></i></button>

---

注意事项：

(1) 使用$('[id^=what_it_starts_with']) 将点击事件绑定到ID“以”question_delete 开头的所有元素（例如）