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

当单击一个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>

及

及

还是没有运气

我正在使用它，以便保存表格供以后使用

---

谢谢

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

var savedVariable;

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

---

演示：

您还可以使用委派事件：

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

---

这样做会将一个事件处理程序附加到

#tradicinalen

元素。当单击

#tradicinalen

中的任何

div

时，事件会向上冒泡，直到被处理程序捕获，并将其传递给相应的回调函数。

如果您的JavaScript被放置在写入

元素的“HTML”的“上方”，当分配了

.click

时，

元素还不存在。您必须确保JavaScript在创建

元素之后运行。一种方法是将JavaScript“放在”编写

元素HTML的地方。@FactoryAidan这似乎就是问题所在。我正在使用函数创建一个div表，即使我在浏览器中看到该表，我也没有在页面源代码中看到它。

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

var savedVariable;

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

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