如何把链接放在div中？

Question

假设我有这样的HTML：

<article id="1919"> 
      <div class="entry-content clearfix"> 
       <div></div> 
       <div></div> 
      </div> 
     </article> 
    <article id="1910"> 
      <div class="entry-content clearfix"> 
       <div></div> 
       <div></div> 
      </div> 
     </article> 

我需要把一个链接在分度类“条目内容clearfix”的所有文章

所以我能做到这一点的JavaScript：

//take all div with these class value 
    var eventi_programma=document.getElementsByClassName('entry-content'); 
    //for to read these elements 
    for(var i=0;i<eventi_programma.length;i++){   
    var link="http://www.google.it";//(LINK EXAMPLE);   
    eventi_programma[i].parentElement.innerHTML='<a href="'+link+'" ><div class="entry-content clearfix">'+eventi_programma[i].outerHTML+'</div></a>';   
    } 

但我的代码不起作用。

Answer 1

//take all div with these class value 
var eventi_programma = $('div.entry-content'); 

//for to read these elements 

for (var i = 0; i < eventi_programma.length; i++) { 

    var link = "http://www.google.it";//(LINK EXAMPLE);   
    var temp = eventi_programma[i]; 
    $(temp).parent('article').html('<a href="' + link + '" ><div class="entry-content clearfix"></div></a>') 
} 

尝试...

Answer 2

(function(){ 

    var eventi_programma=document.getElementsByClassName('entry-content'); 
    //for to read these elements 
    for(var i=0;i<eventi_programma.length;i++){   
    var link="http://www.google.it";//(LINK EXAMPLE);   
    eventi_programma[i].parentElement.innerHTML='<a href="'+link+'" ><div class="entry-content clearfix"> THIS IS A LINK </div></a>';   
    } 
})(); 

它没有工作，因为你把eventi_programma[i].outerHTML作为链接的文字。由于您的for循环是基于.entry-content类的，因此它基本上会创建一个永无止境的循环，因为您不断使用该类名创建新的div。所以不要把outerHTML放一些其他的文字。

Answer 3

我假设你的entry-content类在每篇文章标签中只有一个！所以我检索所有文章并添加然后替换它。

var eventi_programma = document.getElementsByTagName("article"); 
//for to read these elements 
for(var i=0;i<eventi_programma.length;i++){ 
    var link="http://www.google.it";//(LINK EXAMPLE); 
    org_html = eventi_programma[i].innerHTML; 
    new_html = "<a href='"+link+"'>" + org_html + "</a>"; 
    eventi_programma[i].innerHTML = new_html;  
}