jQuery - нацеливание на <a> элементы, чьи ссылки указывают на изображения

Question

jQuery - нацеливание на <a> элементы, чьи ссылки указывают на изображения

0

Как настроить таргетинг на все элементы <a> чья точка href указывает на файлы изображений? Ради удобства, он может просто нацеливаться на все файлы .jpg, .jpeg, .png и .gif.

Пример HTML:

<a href="file1.jpg">file1</a>
<a href="file2.png">file2</a>
<a href="file3.zip">file3</a>

Запуск jQuery:

$(target).remove();

Должны производить:

<a href="file3.zip">file3</a>

Richard Rodriguez 02 март 2014, в 18:14

Источник

Теги:

javascript

jquery

html

4 ответа

Ещё вопросы

Pranav C Balan · Answer 1 · 2014-03-02T15-40-00.000Z

4

Вы можете сделать что-то подобное с помощью селектора атрибутов

$('a[href$=jpg],a[href$=png]').remove();

Fiddle Demo

Документация: http://api.jquery.com/category/selectors/attribute-selectors/

Pranav C Balan 02 март 2014, в 15:40

0

Будет ли это работать даже для следующего? <a href="file1.jpg?rev=2">file</a>
Richard Rodriguez 02 март 2014, в 17:17
1

в этом случае используйте $('a[href*=jpg],a[href*=png]').remove();
Pranav C Balan 02 март 2014, в 17:17
1

@RichardRodriguez нет, и он не будет работать для URL-адресов, которые отвечают изображением, но не содержат ничего похожего на обычное расширение файла изображения. Это не проблема, которую вы можете решить со 100% надежностью на клиенте.
Pointy 02 март 2014, в 17:18
0

Будет ли это правильно обрабатывать следующее? <a href="file1.jpg.zip?rev=2">file</a>
Richard Rodriguez 02 март 2014, в 17:19
0

@Pointy: меня не волнуют эти случаи, и я полностью осознаю это.
Richard Rodriguez 02 март 2014, в 17:19

Показать ещё 3 комментария

fiction · Answer 2 · 2014-03-02T15-28-00.000Z

Regex решение:

$("a").each(function() {
    if ( $(this).attr("href").match(/\.(png|jpg|jpeg|gif)(?:\?(.*))?$/) ) {;
        $(this).remove();
    }
})

Что насчет <a href="file1.jpg.zip?rev=2">file</a> ?
@ user3362707 Я думаю, что "file.jpg? rev = 2" должен быть включен в набор элементов <a> которые нужно удалить.
@RichardRodriguez Я сделал правку, которая тоже подходит для этого

Oscar Paz · Answer 3 · 2014-03-02T16-15-00.000Z

Отредактировано. Вы можете достичь этого. Каждый селектор, разделенный запятыми, задает тип файла

var imageLinks = $('a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"]');

вы должны это прочитать: селектора jQuery

Это не сработает для <a href="file1.jpg?rev=2">file</a>

Pointy · Answer 4 · 2014-03-02T15-53-00.000Z

Если вы хотите избавиться от <a> элементов, которые включают атрибуты "href", содержащие пути, которые выглядят как общие имена файлов изображений, я думаю, вам придется использовать .filter() и регулярное выражение.

$('a').filter(function() {
  return /\.(?:jpg|png|gif)(?:\?.*)?$/i.test(this.href);
}).remove();