如何从其他div中的图像中提取title属性

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);