Изменение alt-тегов и пути к изображению с помощью jQuery

Question

У меня есть небольшая проблема здесь. Поскольку я новичок в jQuery, это будет звучать просто для вас.

Мне нужно добавить путь к alt и изменить alt, чтобы он имел расширение .jpg и экран в jquery

Так как я могу передать это

<img src="small.jpg" class="image"  alt="big01">

в это:

<img src="/image/small.jpg" class="image"  alt="/image/big01.jpg">

Я забыл добавить: Мне нужно выловить название изображения, а затем добавить путь к нему, так как это изменится, так как на сайте их много. Не уверен, если я дал понять, есть идеи, пожалуйста?

Большое спасибо за вашу помощь заранее

Answer 1

Мой первый вопрос: почему эти теги не включены в тег img?

Если вам нужно обновить все теги img, чтобы включить эту информацию. Во-первых, вам нужно перебрать все элементы img. Это просто: $("img").each( functions here)

Отсюда вы можете сделать, как указали некоторые другие, получить атрибуты с помощью метода attr и затем изменить их.

$("img").each( function(){
  $(this).attr({
     src: '/image/' + $(this).attr('src'),
     alt: '/image/' + $(this).attr('alt') + '.jpg'
  });
});

Answer 2

Метод attr - это путь:

$(".image").attr({
    src : "New image source",
    alt : "Alternative image text"
});

Answer 3

Я знаю, что вы не захотите это слышать, но вы неправильно используете тег alt. Для объяснения менее доступным пользователям сети (например, тем, у кого есть программа для чтения с экрана) есть то, что на самом деле показывает ваше изображение.

Если вы используете его для хранения изображения, между которым вы переключаетесь, могу ли я предложить вам сделать свой собственный атрибут. Что-то вроде altImage будет отлично работать.

Answer 4

$("img[src='small.jpg']").attr("src", "image/small.jpg")

Answer 5

$("img").attr("src", "/image/small.jpg").attr("alt", "/image/big01.jpg");

Вышеуказанное будет работать со всеми изображениями, но чтобы получить прямой доступ к вашему конкретному изображению, присвойте ему id и адресуйте его следующим образом:

<img id="myimg" src="...

$("#myimg").attr("src", "/image/small.jpg").attr("alt", "/image/big01.jpg");

Answer 6

Вам нужен метод attr:

$('img.image').attr('alt', '/image/big01.jpg').attr('src','/image/small.jpg');

Редактировать: см. Документы для получения дополнительной информации