javascript - 更新父元素jquery的类

Question

我正在尝试更新选择器的父 css 类。这是我的代码，它是一个表格

<div class="container">
    <table class="table table-hover">
    <tr class="table-default">
        <td><input type="checkbox" id="driver[0]" value="log.example.com"></td>
        <td>log.example.com</td>
    </tr>
    <tr class="table-default">
        <td><input type="checkbox" id="driver[1]" value="api.example1.com"></td>
        <td>api.example1.com</td>
    </tr>
    <tr class="table-default">
        <td><input type="checkbox" id="driver[2]" value="mail.example.com"></td>
        <td>mail.example.com</td>
    </tr>
    </table>
</div>

这就是我用来检查 bool 条件的东西

$(document).ready(function() {
  $("input[type='checkbox']").click(function(event){
    if($(this).is(':checked')){
      var domain = $(this).val();
      //alert(domain);
      $.getJSON('call.php?submit=submit&domain='+domain, function (data) {
        var result = data.is_vuln;
        console.log(result);
        if(result == "true"){
            console.log("line executed"); // Executes
            $(this).parent().parent().addClass("table-success");
        }
      });
    }
  });
});

我正在努力实现，如果通过 json 返回的 bool 条件是 true，那么它应该将行的类更改为 table-success。

但我在这里运气不好。除了从 json 返回的 true 和 false 之外，控制台中没有显示任何内容。

Answer 1

看起来您的 getJSON 函数中的 this 变量已更改范围。尝试将 this 绑定(bind)到您的 $.getJSON 函数中，如下所示:

  $.getJSON('call.php?submit=submit&domain='+domain, function (data) {
    var result = data.is_vuln;
    console.log(result);
    if(result == "true"){
        $(this).parent().parent().addClass("table-success");
    }
  }.bind(this));