jQuery 将 p 内容放入属性中

Question

这是我第一次来这里...

我有以下情况：

<div class="album-wrap">
    <img src="picture.jpg" alt="Mickey">
    <p class="caption">little mouse</p>
</div>

<div class="album-wrap">
    <img src="picture2.jpg" alt="Donald">
    <p class="caption">little duck</p>
</div>

问题是：如何将类标题的内容放入 alt 属性中？ 或者也许创建另一个属性并放置标题类的内容。 谢谢。

Answer 1

循环遍历每个容器，并使用 .text() 获取 p 元素的内容。然后，使用 .attr() 将此值分配给 alt 属性。

$(".album-wrap").each(function(){
    var caption = $("p.caption", this).text();
    $("img", this).attr("alt", caption);
})

Answer 2

将替代内容替换为标题文本。

$('.caption').each( function() {
    var $this = $(this),
        $img = $(this).prev('img');
    $img.attr('alt', $this.text() );
});

将标题文本附加到替代内容中。

$('.caption').each( function() {
    var $this = $(this),
        $img = $(this).prev('img'),
        alt = $img.attr('alt');
    $img.attr('alt', alt + ': ' + $this.text() );
});

Answer 3

我将循环遍历 img 元素，并将 alt 属性设置为其各自同级 p.caption 元素的内部文本。

$('.album-wrap img').each(function() {
    var $img = $(this);
    $img.attr('alt', $img.siblings('.caption').text());
});