javascript - 给 div 图片标题

Question

是否可以从其中的图像标题中为 div 提供一个 ID。这样任何上传到没有 id 的空 div 的图像 div.id 将使用 js 复制图像标题

示例将 OSCAR 传递到 div id

<div id="">
<img src="images/image/image.png" title="OSCAR"/>
</div>

Answer 1

考虑到这个问题没有被标记jQuery，都img应该有一个title属性。

http://jsfiddle.net/eC3DE/

var images = document.querySelectorAll('div > img'),
    i = 0,
    len = images.length,
    img;

for (; i < len; i++) {
    img = images[i];
    img.parentNode.id = img.title;
}

请注意，每次将图像添加到DOM. 如果您使用的是支持MutationObserver对象的现代浏览器，则可以使用它来检测何时添加了新图像。

Answer 2

包括 jQuery 并使用此代码设置 div id：

$(function(){
  $("div > img[title]").each(function(){
   var parent = this.parentNode;
   if(!parent.id)parent.id=this.title;//if id is empty, set id from title
 })
})

或者你可以采取 div 这样：

$("img[title='OSCAR']").parent("div");