Question

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

在这里，当我点击＆＃34;删除-glyphicon＆＃34;标签，然后应删除标签。

＆＃13;

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

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

我已经通过创建函数的帮助在javascript中尝试了很多但是我无法通过单击＆＃34; remove-glyphone＆＃34;

删除此标记

Answer 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>

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

删除输入数据

1 个答案: