jqueryの外部URLからクラスを追加する

Question

次のコードに従って、既存の要素 'item'に 'new-item'要素を追加するjqueryに次のコードスニペットがあります。

$("#new-item").appendTo("#item"); 

HTMLコーディングのindex.htmlに

<li id="item">Old item</li> 
<li id="new-item">New item</li> 

をIDを付加した後、私の質問は、私は、ページabout.htmlを持っており、それはhtmlコードを次があるとしています。

<li id="about-item">About us </li> 

次のようにindex.htmlに同じid "about-item"を追加する必要があります。

<li id="item">Old item</li> 
<li id="new-item">New item</li> 
<li id="about-item">About us </li> 

どうすればいいですか？私たちはAJAXでそれをやり遂げることができますか？外部URLソースから要素を呼び出し、それを現在のページに追加することです。

Answer 1

これを試すことができますか？

$(".item").addClass("new-item"); 

Answer 2

このコードスニペットは、「新しいクラス」を含む外部CSSシートを取得し、新しいクラスと新しいコンテンツで（この場合はULで）あなたのリストに新しいリーを追加します：

<link rel="stylesheet" type="text/css" href="http://example.com"> 
$(function(){ 
$("<ul>").append("<li class='new-class'>New Contents</li>"); 
}); 

jqueryコードの前にスタイルシートのリンクを必ず呼び出してください。