なぜDOMアンカー要素で作成できないのですか？

Question

私はこのjavascrptコード持っている：私はアンカーリンクのDOM要素を作成したいしようと上記のコードでは

for (var data in feature.data) { 
     if (!shownParameters[data]) continue; 

     var xmlString = "<a href='www.cnn.com'>Link</a>" 
     var elem = $.parseHTML(xmlString); 

     var item = $("<li>", { style: 'padding:0px;text-align:right' }) 
      .append($('<div>') 
       .append($("<span>", { text: elem }).addClass("view")) 
      .addClass("feature-data-value")) 
      .append($("<div>").addClass("clear-div")); 
     item.appendTo('#wfs-details-list'); 
    } 

を。 しかし、ビューには、私はこの取得：それはビューでどのように見えるかここで

を：私はDOMアンカーリンクelelmentに作成傾ける理由

任意のアイデア？

Answer 1

実際に、これは本当の方法ではありませんが、あなたの問題を解決する...

for (var data in feature.data) { 
     if (!shownParameters[data]) continue; 

     var xmlString = "<a href='http://www.cnn.com'>Link</a>"; 
     var item = $("<li>", {style: 'padding:0px;text-align:right'}) 
      .append($('<div>').append($("<span>").append(xmlString)).addClass("view")) 
      .addClass("feature-data-value") 
      .append($("<div>").addClass("clear-div")); 
     item.appendTo('#wfs-details-list'); 
    } 

Answer 2

あなたはこれを作成することを目指している場合：

<ul id="wfs-details-list"> 
    <li style="padding:0px;text-align:right" class="feature-data-value"> 
    <div class="view"><span><a href="http://www.cnn.com">Link</a></span> 
    </div> 
    <div class="clear-div"></div> 
    </li> 
</ul> 

を、これは短く明確ではないです

for (var data in feature.data) { 
 
    if (!shownParameters[data]) continue; 
 
    $("<li>", { 
 
     style: 'padding:0px;text-align:right', // belongs in a class 
 
     class: "feature-data-value" 
 
    }) 
 
    .append(
 
     $('<div>', { 
 
     class: "view" 
 
     }) 
 
     .append(
 
     $("<span/>").append(
 
      $("<a/>", { 
 
      href: "http://www.cnn.com", 
 
      text: "Link" 
 
      }) 
 
     ) 
 
    ) 
 
    ) 
 
    .append($("<div/>", { 
 
     class: "clear-div" 
 
    })) 
 
    .appendTo('#wfs-details-list'); 
 
}