jQuery将p内容放入属性中

这是我第一次来这里

我有以下情况：

<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属性中？ 或者创建另一个属性并放置caption类的内容。

---

谢谢。

将alt内容替换为标题文本

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

将标题文本附加到alt内容

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

---

将alt内容替换为标题文本

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

将标题文本附加到alt内容

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

---

循环遍历每个容器，并使用

.text（）

获取

p

元素的内容。然后，使用

.attr（）

将该值指定给

alt

属性

---

循环遍历每个容器，并使用

.text（）

获取

p

元素的内容。然后，使用

.attr（）

将该值指定给

alt

属性

---

我将遍历

img

元素，并将

alt

属性设置为它们各自的兄弟

p.caption

元素的内部文本

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

---

我将遍历

img

元素，并将

alt

属性设置为它们各自的兄弟

p.caption

元素的内部文本

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

---

真是太快了，我印象深刻！谢谢，这很有帮助。真是太快了，我印象深刻了！谢谢，这很有帮助。