如何通过使用jQuery单击该DIV来获取children DIV类名

How can I get children DIV class name by clicking that div with jQuery

本文关键字：DIV 获取 children 类名 单击 何通过 jQuery      更新时间：2023-09-26

如何实现当单击一个div并更改值时，将该div类名保存到另一个变量？

这是代码。

<div id="tradicionalen" contenteditable="true">
<div class="tradicionalen-0">0.1</div>
<div class="tradicionalen-1">0.5</div>
<div class="tradicionalen-2">1.1</div>
<div class="tradicionalen-3">1.7</div>
<div class="tradicionalen-4">2.8</div>
<div class="tradicionalen-5">4.4</div>
<div class="tradicionalen-6">5</div>
</div>

我试过了：

$("#tradicionalen").children().click(function(){
    alert($(this).attr("class"));
});

和

$("#tradicionalen").find("div").click(function(){
    alert($(this).attr("class"));
});

和

$("#tradicionalen div").click(function(){
    alert($(this).attr("class"));
});

但仍然没有运气。

我正在使用它，以便保存该表以备以后使用。

谢谢！

上面粘贴的内容应该可以使用：

var savedVariable;
$("#tradicionalen div").click(function(){
  savedVariable = $(this).attr("class");
  console.log('Updated: ' + savedVariable);
});

演示：http://jsbin.com/biwako/1/edit

您还可以使用委托事件：

 $("#tradicionalen").on("click", "div", function () {
      console.log($(this).attr("class"));
 });

这样做会将一个事件处理程序附加到#tradicionalen元素。当单击#tradicionalen中的任何div时，事件会向上冒泡，直到被处理程序捕获，然后将其传递给相应的回调函数。

相关文章：