スパンクラスをクリックすると非表示になる

Question

リンク付きスパンクラスがあります。 jQueryを使用してリンクまたはスパンクラス自体をクリックすると、スパンクラスを非表示にしたいと思います。誰かがそれをどうやってできるか教えてくれますか？ ここに私のコードとデモがあります。

http://jsfiddle.net/RRkLt/

おかげ

Answer 1

A内の任意のスパン要素を非表示にするには：このように、あなたがより多くのリンクをターゲットにしたい場合は

$(document).ready(function() { 
    $('.msg, .entry').click(function() { 
     $(this).find('span').hide() 
    }); 
}); 

、あなたも新しい要素を一致させるために'.msg, .entry'セレクタを更新する必要があります。

<a class="entry statusLink" ..>...</a> 
<a class="msg statusLink" ..>...</a> 
<a class="another statusLink" ..>...</a> 

Answer 2

DOMイベントに関数をバインドする前にロードされていることをあなたは...

$(document).ready(function() { 
    $("a, .number").click(function() { 
     $(this).find(".number").hide(); 
    }); 
}); 

ドキュメント準備のチェックを何ができるかの大まかな例。 $（this）はパラメータとして渡されたオブジェクトを表します。この場合はクリックされたオブジェクトで、それが.numberかリンク（a）のいずれであるかを表します。 .find（number）は、リンクがクリックされた場合、リンクタグ全体ではなく.numberだけを隠すかどうかをチェックするためのものです。

Answer 3

スパンを非表示にするには、リンク内のスパンを見つける必要があります。

$('.msg, .entry').click(function() 
{ 
    $('.number',this).hide(); 
}); 

Answer 4

だけと思ったが、このも作品：

$('a:has("span"), a > span').click(
    function(){ 
     $(this).find('span').remove(); 
    }); 

私はそうのように、あなたは、共通のクラスでにこれを適用したい要素の すべてをマーキング検討することを示唆しています

JS Fiddle demo。

jQueryのAPIリファレンス：

1. :has() selector、
2. find()
、
3. remove()。

Answer 5

$(document).ready(function() { 
    $('a.msg, a.entry').click(function() { 
     $(this).find('span').hide(); 
     return false; 
    }); 
}); 

常にベストプラクティスに従うと、（最適化のための）クラスとタグが含まれており、非常に便利だった機能を持つ