Anfügen einer Klasse von externen URL in jquery

Question

Ich habe das folgende Code-Snippet in jquery, die ein Element 'new-item' an das vorhandene Element 'Element' wie folgt folgenden Code anfügt.

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

HTML-Codierung nach der ID in index.html Anhängen

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

Meine Frage ist wohl Ich habe eine Seite about.html und es folgende HTML-Code haben.

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

Ich muss die gleiche ID "about-item" an index.html wie folgt anhängen.

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

Kann jemand vorschlagen, wie kann ich es tun? Können wir es durch Ajax schaffen? Es geht darum, ein Element von einer externen URL-Quelle aufzurufen und es an die aktuelle Seite anzuhängen.

Answer 1

Können Sie das versuchen?

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

Answer 2

Dieser Codeausschnitt wird das externe CSS Blatt bekommt die ‚neue Klasse‘ enthält, und wird eine neue li in Ihrer Liste (in diesem Fall ein ul) mit der neuen Klasse und neuen Inhalten anhänge:

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

Stellen Sie sicher, dass Sie den Stylesheet-Link VOR Ihrem jquery-Code aufrufen.