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并将此代码用于set 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");

给div图像标题

2 个答案: