如何从click事件中排除子类？

Question

我想从点击功能中排除班级time_stamp 20171001010114 20171001015436 20171001092516 20171001093101 20171001093739 20171001095059 20171001100741 ：

noclick

$( ".click" ).on( "click", ":not(.noclick *)", function() {
  console.log( $( this ).text() );
});

.noclick{
background-color:pink;
}

Answer 1

只需从":not(.noclick *)"

中删除星号即可

这使得.noclick的后代上的事件不会触发该函数，但不会阻止.noclick本身。

$( ".click" ).on( "click", ":not(.noclick)", function() {
  console.log( $( this ).text() );
});

.noclick{
background-color:pink;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr class="click">
    <th>Click</th>
    <th>Click</th>
    <th class="noclick">Nothing should happen here</th>
  </tr>
</table>

Answer 2

这也适用于动态添加的libraryDependencies ++= Seq(filters, "org.scalatest" %% "scalatest" % "2.2.6" % "test"withSources() withJavadoc(), "org.scalatestplus" %% "play" % "1.4.0-M3" % "test", "org.slf4j" % "slf4j-api" % "1.6.4", "com.typesafe.akka" %% "akka-actor" % "2.3.6", "com.typesafe.akka" % "akka-testkit_2.11" % "2.3.6", "ch.qos.logback" % "logback-core" % "1.0.9", "io.rest-assured" % "scala-support" % "3.0.6") ：

tr.click

$(document).on("click", ".click *:not(.noclick)", function() {
  console.log($(this).text());
});

.noclick {
  background-color: pink;
}

Answer 3

下面的代码应该可以使用。

$( ".click" ).on( "click", function() {
  if ($( this ).has( ".noclick" ).length == 0)
      console.log( $( this ).text() );
});