Question

我有以下列表

<ul id="js-news" class="js-hidden">
    <li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
</ul>

这是通过我在网上找到的新闻报道运行的。如何使用带有添加按钮的文本框中的jquery添加到列表中。

是否可以使用jquery从不同的页面添加到此列表中。

Answer 1

要在列表中添加额外的项目，请尝试以下代码：

$("#myButton").click(function() {
    var $li = $("<li></li>").addClass("news-item");
    var $a = $("<a></a>").attr("href", "#").text("This is the Nth item").appendTo($li);
    $li.appendTo("#js-news");
});

请注意，您可能需要重新初始化新闻自动收报机组件，具体取决于它是在加载时将li元素读入数组，还是不断引用它们以获取附加信息。

Answer 2

只有弹出窗口才能执行此操作，并且需要由您的网站打开。

Answer 3

因为你想要一个新闻自动收报机，你还希望其他人能看到它吗？ :)。因此，您需要使用php或您用于网站的任何其他语言创建新表单，并在数据库中添加新的新闻项。在要显示它的页面上，只需从数据库中读取值并创建它们的列表。

映入眼帘，斯特凡。

Jquery从文本框添加到列表

3 个答案: