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>。誰かが閉じるボタンをクリックすると、使用したときにjqueryでそのdiv()のみが非表示になるようにしたい

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

最初のブロックでのみ機能し、すべてのブロックの合計を隠していますか? 誰かがその閉じるボタンをクリックすると、その特定のブロックが非表示になるようにする方法を誰かに教えてもらえますか?ありがとう

4

6 に答える 6

2

ID は一意である必要があるため、#lose ではなく .close としてセレクターを使用してください

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

閉じるボタンは div 内にあるため、.parent() 関数を使用して div を選択できます。

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

ではごきげんよう!!お役に立てれば。

于 2013-09-30T06:03:08.277 に答える
1

IDは一意でなければならないので、代わりにクラスを使用し、使用してみてください.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 に答える
0

まず、すべての [閉じる] ボタンに同じ ID を使用することはできません。重複する ID を削除してください。これは IE7 では動作しません <

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

クラスie .closeを使用して、すべての閉じるボタンを閉じるか、それらすべてに異なるIDを指定する必要があります。

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