Изменение суффикса изображения с помощью jQuery

Question

Изменение суффикса изображения с помощью jQuery

0

Я хочу изменить суффикс изображения для всего изображения, имеющего класс "большой палец". Они могут быть в jpg, png или gif

<img class="thumb" src="http://someting.com/images/abc-150X150.jpg"/>

Хотите удалить -150X150

<img class="thumb" src="http://someting.com/images/abc.jpg"/>

Я узнал этот код, но он удаляет расширения и использует вместо него класс img. Спасибо, что посмотрел мой вопрос.

wp student 29 март 2014, в 22:19

Источник

Теги:

jquery

2 ответа

2

Это использует регулярное выражение для замены и шаблона, которое соответствует дефису, затем цифра, а затем X и другая цифра

$('.thumb').attr('src', function (index, src) { 
    return src.replace(/-\d+x\d+/, ''); 
});

Стоит отметить, что это просто простое регулярное выражение. Если вы хотите усложниться, вы можете указать минимальное число целых чисел с одной стороны x, чтобы уменьшить совпадение с неправильной вещью, например:

/ -\d{3,}x\d{3,}/

Вышеуказанное будет соответствовать 3 или более цифрам с каждой стороны x

Carl Markham 29 март 2014, в 18:58

2

Я бы рекомендовал использовать обратный вызов attr() , а не вызывать его дважды: attr('src', function(index, oldSRC){ return oldSRC.replace(/* regex */,''); }); (или вместо этого использовать prop() , но это личное предпочтение).
David Thomas 29 март 2014, в 20:39
0

Обновленный ответ, спасибо за комментарии
Carl Markham 29 март 2014, в 20:43
0

Regex хорош для суффиксов переменных. Это не сработало. jsfiddle.net/waqasss/n2uA5/1
wp student 29 март 2014, в 20:54
0

Это потому, что вы используете в своем вопросе заглавную букву X (поэтому я добавил заглавную букву X в регулярное выражение), но вы используете строчную букву x в скрипте. Я изменил ответ и скрипку
Carl Markham 29 март 2014, в 20:57
0

О да. Виноват. Благодарю. :)
wp student 29 март 2014, в 20:59
0

Я добавил в ответ еще немного информации о возможности сопоставления неправильной вещи, как указано в комментарии @ raina77ow.
Carl Markham 29 март 2014, в 21:02
0

Что ж, более безопасный подход - заменить префикс только в том случае, если он предшествует расширению - например, добавив к нему (?=\.[^.]+$) . Хотя это сделает этот путь более универсальным, я искренне сомневаюсь, что такая сложность полезна для этой конкретной задачи. Тем не менее, я могу ошибаться. )
raina77ow 29 март 2014, в 21:04

Показать ещё 5 комментариев

Ещё вопросы

Я бы рекомендовал использовать обратный вызов attr() , а не вызывать его дважды: attr('src', function(index, oldSRC){ return oldSRC.replace(/* regex */,''); }); (или вместо этого использовать prop() , но это личное предпочтение).
Обновленный ответ, спасибо за комментарии
Regex хорош для суффиксов переменных. Это не сработало. jsfiddle.net/waqasss/n2uA5/1
Это потому, что вы используете в своем вопросе заглавную букву X (поэтому я добавил заглавную букву X в регулярное выражение), но вы используете строчную букву x в скрипте. Я изменил ответ и скрипку
Я добавил в ответ еще немного информации о возможности сопоставления неправильной вещи, как указано в комментарии @ raina77ow.
Что ж, более безопасный подход - заменить префикс только в том случае, если он предшествует расширению - например, добавив к нему (?=\.[^.]+$) . Хотя это сделает этот путь более универсальным, я искренне сомневаюсь, что такая сложность полезна для этой конкретной задачи. Тем не менее, я могу ошибаться. )

raina77ow · Accepted Answer · 2014-03-29T19-13-00.000Z

1

Лучший ответ

Один из возможных подходов:

$('img.thumb').each(function() {
  this.src = this.src.replace('-150X150', '');
});

raina77ow 29 март 2014, в 19:13

0

Не хочешь объяснить отрицание, даунвотер?
raina77ow 29 март 2014, в 20:44
0

Я проверил это сработало. И проголосовал, не знаю, кто проголосовал. Я думал о @ Карл-Маркхэм и о вашем ответе. Я думаю, что использование регулярных выражений будет медленнее, потому что он будет проверять перед заменой. Я должен использовать ваш метод, когда суффикс одинаков во всех изображениях. Это?
wp student 29 март 2014, в 20:52
1

Ну, я не думаю, что разница в скорости действительно стоит говорить. Однако с заменой строки ваша цель ясна - это ТОЛЬКО эта строка «-150X150», ничего более. С regex это не так: рассмотрим, например, что происходит с 'pic_of_4x4_car-150x150.jpg' .
raina77ow 29 март 2014, в 20:58
0

Если это всегда будет 150x150, то это лучший ответ. Если это иногда меняется, то вам понадобится регулярное выражение
Carl Markham 29 март 2014, в 20:59

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