Я пытаюсь вставить 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>, но мне постоянно не удавалось это сделать. Я пробовал разные API на документации JQuery, например.

$( "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();
-3
TrevDred 17 Дек 2015 в 19:11

4 ответа

Лучший ответ

Вот некоторая информация о том, как работают селекторы jQuery: https://learn.jquery.com/ с помощью JQuery - жильный / выбора -элементов /

Вы пишете, что хотите удалить тег, это будет сделано именно так:

$(".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();
3
user5542121 17 Дек 2015 в 16:52

Ваш синтаксис совершенно неверен. Это исправлено и не работает, так как не имеет смысла:

$("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();
0
Praveen Kumar Purushothaman 17 Дек 2015 в 16:18

Существует проблема с выбором элемента. Попробуй это.

$( 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/

0
Ohsik 17 Дек 2015 в 16:22

Если вы хотите удалить сам элемент <a>, вам следует использовать функцию remove ().

Одним из способов было бы нацелиться на родительский div и затем удалить элемент <a>.

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

Здесь вы нацеливаетесь на родительский div, затем вы находите элемент <a> с помощью функции find (), а затем вы удаляете этот <a> элемент.

Вы можете использовать тот же метод для удаления классов в элементе.

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

Вы можете удалить один класс или несколько классов.

1
Mr Lister 21 Дек 2015 в 22:18