gpt4 book ai didi

javascript - 通过点击数组元素来删除它(JS)

转载 作者:行者123 更新时间:2023-11-28 17:47:30 30 4
gpt4 key购买 nike

我有 html,在其中显示来自 js 的数组

这是代码

   <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<div id ="container">
<div id="data"></div>
<input id="text" type=text/>
<button id="get" onclick="getValue()">Update</button>
</div>

这里是js代码

  var tasks = ["Task 1", "Task 2"];
$.each(tasks, function(){
$('#data').append('<li class="clickable">'+this + '</li>');
});

我从这样的列表中获取元素

$(document).on('click', '.clickable', function() {
var str = $(this);

});

现在我需要通过js来实现它。我怎样才能做到这一点?

最佳答案

您可以执行此操作以在单击时打击元素:

var tasks = ["Task 1", "Task 2"];
$.each(tasks, function(){
$('#data').append('<li class="clickable">'+this + '</li>');
});
$(document).on('click', '.clickable', function() {
$(this).css("text-decoration", "line-through");
});
   <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<div id ="container">
<div id="data"></div>
<input id="text" type=text/>
<button id="get" onclick="getValue()">Update</button>
</div>

但是如果您想在每次点击时添加和删除警示,请使用以下命令:

var tasks = ["Task 1", "Task 2"];
$.each(tasks, function(){
$('#data').append('<li class="clickable">'+this + '</li>');
});
$(document).on('click', '.clickable', function() {
$(this).toggleClass('strikeClass');
});
.strikeClass{
text-decoration: line-through;
}
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<div id ="container">
<div id="data"></div>
<input id="text" type=text/>
<button id="get" onclick="getValue()">Update</button>
</div>

关于javascript - 通过点击数组元素来删除它(JS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46358398/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com