Jquery 单击时隐藏跨度类

我有一个带有链接的span类。我想在使用jQuery单击链接或span类本身时隐藏span类。有人能告诉我怎么做吗？ 这是我的代码和演示

---

谢谢你提供了一个你能做的粗略的例子

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

DocumentReady在将函数绑定到事件之前检查DOM是否已加载。

---

$（这）表示作为参数传递的对象，在本例中是单击的对象，无论是.number还是链接（a）。.find（number）用于检查如果单击了链接，它是否只隐藏了.number，而不是整个链接标记。

因为要隐藏span，所以需要在链接中找到span。像这样：

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

---

要隐藏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>

。。。
...
...

这只是一个想法，但它也适用于：

jQuery API参考：

,

,

$（文档）.ready（函数（）{
$（'a.msg，a.entry'）。单击（函数（）{
$（this.find（'span'）.hide（）；
返回false；
});
});

---

始终遵循最佳实践并在类中包含标记（用于优化）以及在函数中返回false是很好的

谢谢，这非常有帮助。

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

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