如何删除或隐藏李

Question

<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>
<li>ff<strong>foobar</strong><a class="icon-close" href="#."></a></li>

点击a后，应删除相应的li。

$(.close-icon).hide();隐藏了一切。

Answer 1

应该有效，但尚未测试：

$("a.close-icon").click(function() {
  $(this).parent("li").hide();
});

Answer 2

$(".close-icon").click(function() {
    $(this).closest("li").remove();
});

这不仅会隐藏元素，还会将其从页面中删除。

Answer 3

试

隐藏：

$("a").click(function() {
  $(this).closest("li").hide(); 
 });

DEMO

删除：

 $("a").click(function() {
      $(this).closest("li").empty(); 
 });

OR

$("a").click(function() {
      $(this).closest("li").remove(); 
   });

参考

• hide()
• remove()
• empty()

Answer 4

你的意思是

 $('.close-icon').click( function (){ $(this).hide(); });

隐藏整个父母

 $('.close-icon').click( function (){ $(this).parent('li').hide(); });

同时将.close-icon更改为'.close-icon'

removing的{​​p> hide()

替换remove()

Answer 5

$(.icon-close).click( function() {
    $(this).parent().hide();
});

Answer 6

假设您希望li在点击图标

时隐藏/删除

 $('.close-icon').click(function(){
    $(this).parent('li').hide();
    });

或

$('.close-icon').click(function(){
$(this).parent('li').remove();
});

Answer 7

如果你想隐藏它

$('a.icon-close').click(function(){ 
   $(this).parent('li').hide();
});

如果你想删除它

$('a.icon-close').click(function(){
   $(this).parent('li').remove();
});

在这种情况下，.parent()中的过滤“li”并非绝对必要。

Answer 8

我还没有测试过，但如果我理解了您的要求，下面的代码应该可以使用。

$(.close-icon).click(function(event){
event.preventDefault();
$(this).parent().remove(); //remove the parent OR 
   //$(this).parent().hide(); //hide the parent

 });

Answer 9

$("a.close-icon").click(function() {
  $(this).parent("li").remove();
  return false;
});