0

我有这个标记。请记住，所有这些都来自数据库。我使用了 foreach 循环，因为我得到了这些值

<div id="announcment-wrap">
    <div class="announcement-text">
    This is again a dummy 
    <a href="http://www.google.com">|&nbsp;click here</a>
    <a id="close" href="#" class="close">X</a>
  </div>
    <div class="announcement-text">
    This is demo 3 
    <a href="http://www.google.co.in">|&nbsp;Demo3</a>
    <a id="close" href="#" class="close">X</a>
  </div>
    <div class="announcement-text">
    This is demo 4 
    <a href="http://facebook.com">|&nbsp;Demo again</a>
    <a id="close" href="#" class="close">X</a>
  </div>    
</div>

现在您可以看到有一个关闭按钮 <a id="close" href="#" class="close">X</a>。我希望当有人单击关闭按钮时，它只会在我使用时将 div() 隐藏在 jquery 中

jQuery(document).ready(function($) {
  jQuery('#close').click(function() {
    jQuery('.announcement-text').hide();
  });
});

它仅适用于第一个块，并且它隐藏了所有块的总数？所以有人能告诉我当有人点击那个关闭按钮时如何做到这一点，它会隐藏那个特定的块。谢谢

4

6 回答 6

2

ID 应该是唯一的，所以使用选择器作为 .close 而不是 #lose

试试http://jsfiddle.net/devmgs/ZGjaj/

你的每一个文字都是

<div class="announcement-text">
    This is again a dummy 
    <a href="http://www.google.com">|&nbsp;click here</a>
    <a id="close" href="#" class="close">X</a>
</div>

采用

$(document).ready(function($) {
  $('.close').click(function() { 
    $(this).closest('.announcement-text').hide();
  });
});
于 2013-09-30T06:01:00.253 回答
1

Id 应该是唯一的，因此请改用 class，并尝试使用.closest()

<a href="http://www.google.co.in">|&nbsp;Demo3</a>
<a class="close" href="#" class="close">X</a>
-----^

jQuery(document).ready(function($) {
  jQuery('.close').click(function() {
    jQuery(this).closest('.announcement-text').hide();
  });
});
于 2013-09-30T06:00:03.210 回答
1

尝试：

jQuery(document).ready(function($) {
  jQuery('#close').click(function() {
    jQuery(this).parent('.announcement-text').hide();
  });
});
于 2013-09-30T06:00:20.750 回答
1

由于关闭按钮在 div 内，您可以使用 .parent() 函数来选择 div。

jQuery(document).ready(function($) {
   jQuery('#close').click(function() {
      jQuery(this).parent().hide();
   });
});

祝一切顺利！！希望这可以帮助。

于 2013-09-30T06:03:08.277 回答
0

您需要使用类即 .close 为所有关闭关闭按钮工作或为所有这些按钮指定不同的id。

   jQuery(document).ready(function($)  {
      jQuery('.close').click(function(){
jQuery(this).closest('.announcement-text').hide();});});
于 2013-09-30T06:01:57.877 回答
0

首先，您不能为所有关闭按钮使用相同的 ID，删除重复的 ID。这不会；在 IE7 中不起作用 <

$(document).ready(function($) {
  $('.close').click(function() {
    $(this).parent('.announcement-text').hide();
  });
});
于 2013-09-30T06:04:56.217 回答