即时删除H3元素

Question

我需要动态删除H3元素（意味着当页面开始加载DOM时）。因此，H3在ID为“category_rss_widgets”的DIV中，而H3看起来像：

<h3 class="widget-title"></h3>

我想在做这样的事情：

$(document).ready(function(){
  $('#category_rss_widgets').remove('widget-title');
});

这段代码对吗？我没有测试它所以我是由头做的 欢呼并提前致谢

Answer 1

$('#category_rss_widgets').find('.widget-title').remove();

Answer 2

你为什么不试试呢？

话虽如此，您的代码将无法正常工作。不要将选择器传递给.remove()，因为它会过滤匹配元素集，但不会搜索匹配元素的后代。相反，你可以这样做：

$(document).ready(function(){
  $('#category_rss_widgets h3.widget-title').remove();
});

选择器'#category_rss_widgets h3.widget-title'将匹配任何h3元素与作为#category_rss_widgets后代的“widget-title”类。请注意，要匹配类名，您需要在类名前加.。

Answer 3

试试这个

$(document).ready(function(){
  $('.widget-title').remove();
});

您正在将选择器传递给.remove（）方法，该方法将过滤匹配的元素。