删除输入数据答案

【问题标题】：Remove Input data删除输入数据
【发布时间】：2023-03-05 09:46:01
【问题描述】：

我想删除包含点击十字按钮的数据的标签。

在这里，我只希望当我单击“remove-glyphicon”标签时，应该删除该标签。

function toggleCloseColor(a) {
  var opacity = a.css("opacity");
  opacity = opacity < .8 ? 1 : .6;
  a.css({
    opacity: opacity
  });
}

${document}.ready(function() {
  ${".tag a"}.each(toggleCloseColor);
});

.tag.md {
  font-size: 14px;
}
.tag {
  padding: .3em .4em .4em;
  margin: 0 .1em;
  float: left;
}
.tag a {
  color: #bbb;
  cursor: pointer;
  opacity: .5;
}
.tag .remove {
  vertical-align: bottom;
  top: 0;
}
.tag a {
  margin: 0 0 0 .3em;
}
.glyphicon-white {
  color: #fff;
}

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="tag label btn-info md">
  <span>com.example.ExampleSuite</span>
  <a style="opacity: 0.6;">
    <i class="remove glyphicon glyphicon-remove-sign glyphicon-white"></i>
  </a>
</div>

我在创建函数的帮助下在 javascript 中进行了很多尝试，但我无法通过单击“remove-glyphone”来删除此标签

【问题讨论】：

不分享快照，分享小提琴链接。
这是小提琴链接jsfiddle.net/7zkCU/30
只需在点击x 时设置一个标志，并在渲染中使用{ !flag ? <button JSX> : null }
javascript在哪里？你需要处理点击事件。
是的，但我不知道该怎么做

标签： javascript html css reactjs ecmascript-6

【解决方案1】：

这应该适用于您正在做的事情。不涉及 jQuery。从你的小提琴中取出代码供人们查看。

<script>
  function remove(elem) {
    elem.parentElement.remove();
  }
</script>

<br/>
Tags:
<span class="tag label label-info">
  <span>Example Tag </span>
  <a onClick="remove(this)"><i class="remove glyphicon glyphicon-remove-sign glyphicon-white"></i></a>
</span>

您希望将元素传递给函数，这可能是最简单的方法，否则您可以设置事件侦听器来处理按钮按下。

【讨论】：