[英]Jquery add HTML from another page
我想使用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>
但是我想在'New'之后直接添加项目数,例如'New(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>');
这是一种获取您正在寻找的价值的简单方法:
$(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创建<span>,以将加载的内容放入:
<a title="New In" href="http://example.com/shop/clothing/new-in">New In <span id="span-id"></span></a>
查找.append()在任何带有结束标记的html标记中添加craps
$('a').append("123");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.