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

Appending a class from external URL in jquery

本文关键字：一个 追加 jquery 从外部 URL      更新时间：2023-09-26

我在jquery中有以下代码片段，它按照以下代码将元素"new item"附加到现有元素"item"。

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

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

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

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

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

我需要将相同的id"aboutitem"附加到index.html中，如下所示。

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

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

此代码片段将获得包含"new class"的外部CSS表，并将在列表中添加一个新的li（在本例中为ul），其中包含新的class和新内容：

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

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

你能试试这个吗？

$(".item").addClass("new-item");
相关文章：