Jquery从另一个页面添加HTML答案

【问题标题】：Jquery add HTML from another pageJquery从另一个页面添加HTML
【发布时间】：2015-02-18 02:26:39
【问题描述】：

我想使用 jQuery 在导航菜单列表项的末尾添加一个数字。这是另一页上的产品数量。目前单个列表项看起来像这样：

<li class="ui-accordion ui-widget ui-helper-reset" role="tablist">
<a title="New In" href="http://example.com/shop/clothing/new-in">New In</a>
</li>

但是我想直接在“新”之后添加项目数，例如“新 (20)”。此编号位于项目 href 上，在该页面的以下位置：

<div class="paging">
<span class="itemcount">174</span>
</div>

每个列表项都有一个不同的 href 但相同的类包含我需要的唯一编号。有什么想法吗？

我试过了：

$("#ui-id-12 > .ui-accordion > li:eq(0) > a:eq(0)").replaceWith('<a title="New In" href="http://example.com/shop/clothing/new-in">New In ' + $(this).load("http://m.example.com/shop/clothing/new-in.html .itemcount") + '</a>');

【问题讨论】：

您没有为您的项目使用数据库吗？如果没有，那么你是如何填充它们的？如果您使用的是服务器端脚本，我看不到这个问题。如果您使用 javascript 从 CSV 文件或其他内容中提取，我仍然没有看到问题。
[OBJECT OBJECT] 正在打印中

标签： javascript jquery html

【解决方案1】：

这是获得所需价值的简单方法：

$(this).load("http://m.example.com/shop/clothing/new-in.html", function(data){
  alert(data.match(/<span class="itemcount">(\d+)<\/span>/)[1]);
  $("#span-id").text(data.match(/<span class="itemcount">(\d+)<\/span>/)[1]);
  // for putting stuff into a <span> :)
});

您可能希望创建一个具有特定 ID 的以将加载的内容放入如下：

<a title="New In" href="http://example.com/shop/clothing/new-in">New In <span id="span-id"></span></a>

【讨论】：

【解决方案2】：

查找 .append() 它在任何带有结束标签的html标签中附加胡扯

$('a').append("123");

【讨论】：