Jquery從另一個頁面添加HTML

Question

我想使用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>');

Answer 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創建<span>，以將加載的內容放入：

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

Answer 2

查找.append（）在任何帶有結束標記的html標記中添加craps

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