如何把鏈接放在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;  
}