jquery - 如何从其他 div 中的图像中提取标题属性

Question

HTML：

<img class="thumb_img" title="Sample title here" src="http://example.com/test.jpg" />

我想从中提取title属性img并将其作为文本添加到div.

---

结果：

<img class="thumb_img" title="Sample title here" src="http://example.com/test.jpg" />

<div class="title_container">Sample title here</div>

Answer 1

您可以使用 jQuery 的attr()函数来获取任何属性的值。

var title = $("imgSelector").attr('title');

然后插入它，text()如果您只期望原始文本，您可以使用它。或者html()如果内容可以是标记。

$("divSelector").text(title);

imgSelector并且divSelector是图像和目标 div 的选择器。我不确定您是否提供了伪代码或生产代码，因此您必须将其替换为您当前使用的代码。

Answer 2

从图片中获取title属性

title = $("img.thumb_img").attr('title');

将它放在 div 中（并使用更具体的选择器：P）

$('div').html(title);