隐藏跨班级点击它

Question

我有一个跨班级的链接。我想用jQuery单击链接或span类时隐藏span类。有人可以告诉我怎么做？ 这是我的代码和演示。

http://jsfiddle.net/RRkLt/

感谢

Answer 1

要隐藏一个内的任何span元素：

$(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，而不是整个链接标签。

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

这是好事，始终遵循最佳做法，包括与类（优化）的标签，并用函数返回false