Question

我希望使用jQuery来从一个页面上的<h1>元素克隆文本内容，并将其作为alt属性添加到特定的<img>元素的alt标记中。该图像的ID为#bigimage。

所有图片都没有alt标签，所以这是我从h1信息动态添加它的解决方案，因为我无权更新图片的alt标签信息。

Answer 1

假设<h1>标记的ID为h1id：

$('#bigimage').attr('alt', $('#h1id').text());

但是此解决方案需要您对每个<img>元素和每个<h1>元素的ID进行硬编码。使用它可以更容易地看到您的代码，因为您可能会执行以下操作：

$('img.altless-image').each(function(){
  $(this).attr('alt', $(this).siblings('h1').text());
});

上面的代码将查找具有<img>类的所有altless-image元素，找到共享同一父元素的<h1>元素，并将<h1>元素的文本分配给<img>元素alt属性。

Answer 2

这应该可以解决问题。

var text = $( "h1" ).text();
$( "#bigimage" ).attr( "alt", text );