Question

如何实现单击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"));
});

但仍然没有运气。

我正在使用它，所以我可以保存该表供以后使用。

谢谢！

Answer 1

您上面粘贴的内容应该有效：

var savedVariable;

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

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

Answer 2

您还可以使用委派活动：

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

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

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

2 个答案: