Question

我试图将一些Jquery注入我的浏览器以删除<a></a>
这是我的代码

<div class="fc-event-container">
  <a class="fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable" 
     style="top: 0px; bottom: -463.05px; z-index: 1; left: 0%; right: 0%;">
    <div class="fc-content">
      <div class="fc-time" data-full="12:00 AM - 12:00 AM" data-start=" ">
        <span> </span>
      </div>
      <div class="fc-title">26% discount</div>
    </div>
    <div class="fc-bg"></div>
    <div class="fc-resizer fc-end-resizer"></div>
  </a>
</div>

我想删除<a> </a>，但我一直没能这样做。例如，我在jquery文档上尝试了不同的apis。

$( "a" ).removeClass( "fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable" );

("a").("fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end fc-draggable.fc-resizable" ).remove();

(.'fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable').remove();

Answer 1

这里有一些关于jQuery选择器如何工作的信息：https://learn.jquery.com/using-jquery-core/selecting-elements/

你写道你要删除一个标签，这样就可以了：

$(".fc-event-container a").remove();

如果您要删除类：

$(".fc-event-container a").removeClass("fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable");

在评论中还有另一个请求：

Is there a way to remove the whole <a> based on the title seen
here <div class="fc-title">26% discount</div>? I want to delete <a>
when the title contains 26%.

$(".fc-title:contains('26%')").closest('a').remove();

Answer 2

如果您想删除<a>元素本身，那么您应该使用remove（）函数。

一种方法是定位父div，然后删除<a>元素。

$('.fc-event-container').find('a').remove();

您要定位父div，然后使用find（）函数找到<a>元素，然后删除<a>元素。

您可以使用相同的方法删除元素上的类。

$('.fc-event-container').find('a').removeClass('[class name]')

您可以删除一个班级或多个班级。

Answer 3

您的语法完全错误。这是经过纠正的，它不起作用，因为它不合理：

$("a").removeClass("fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable");
$("a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end fc-draggable.fc-resizable" ).remove();
$(".fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable").remove();

更新了可能有用的代码：

$("a[class^='fc']").remove();

Answer 4

选择元素时出现问题。试试这个。

$( document ).ready(function() {
    $('.fc-event-container a').removeClass('fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable');
});

由于.fc-event-container中只有一个标记，因此应该没问题。

另见下面的例子。 https://jsfiddle.net/Ohsik/wrx4Lpr9/2/

删除班级和孩子

4 个答案: