Question

我有一个表，其中包含一些行和列，一些单元格内部具有div元素。我想在单击的行中更改div类。另外，当我再次单击该行或单击另一行时，需要删除此类。我尝试创建jQuery脚本，但没有成功。一旦我更改了表格中的每个div，第二次尝试不执行任何操作。我最后一个“错误”的jquery版本是：

jQuery(document).on("click", "tr.line > td", function () {
    var $this = jQuery(this);


    if jQuery.find("div").hasClass('zna')) {
        jQuery.find("div").removeClass("zna");
    }
    else {

        jQuery.find("div").removeClass("zna");
        jQuery.find("div").addClass("zna");
    }
});

有人可以帮忙吗？

Answer 1

我不知道你到底是什么意思，但这也许可以帮到你

jQuery(document).ready(function() {
  $("section").on("click", function() { //example click handler
    if ( $(this).find("div").hasClass("zna") ) {
      $("div").toggleClass("zna");
    } else {
      $("div").toggleClass("zna");
    }
  });
});

section {
  width:75px
  height:50px;
  padding:5px;
  border:1px solid;
  cursor:pointer;
}

.test {
  width:50px;
  height:50px;
  background:green;
  display:inline-block;
}

.test.zna {
  background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<section>click me
  <div class="test"></div>
  <div class="test"></div>
  <div class="test zna"></div>
  <div class="test"></div>
</section>

Answer 2

我想我们可能需要确保从表中看到您的标记，但是乍一看您的评估是否缺少一个开放的括号...可能还有其他问题，但这只是我的第一个想法。 if语句需要打开和关闭（）作为评估参数。

myBarButtonItem.isHidden = true

jQuery选择表中的行，在此行的div中更改CSS

2 个答案: