在jquery中从外部URL附加一个类

Question

我在jquery中有以下代码片段，它附加了一个元素＆＃39; new-item＆＃39;现有元素＆＃39;项目＆＃39;按照以下代码。

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

在index.html中附加ID后的HTML编码

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

我的问题是假设我有一个about.html页面，它有以下HTML代码。

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

我需要添加相同的ID＆＃34; about-item＆＃34; index.html如下。

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

有人可以建议我该怎么办？我们可以通过ajax做到吗？它是关于从外部URL源调用元素并将其附加到当前页面。

Answer 1

此代码段将获取包含“new-class”的外部CSS表单，并将在列表中添加新的li（在本例中为ul），其中包含新类和新内容：

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

只需确保在jquery代码之前调用样式表链接。

Answer 2

你能试试吗？

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