Jquery add HTML from another page

Question

I want to use jQuery to add a number to the end of a navigation menu list item. This is the number of products on another page. Currently a single list item looks something like this:

<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>

However I want to add the number of items directly after 'New' for example 'New (20)'. This number is located on items href, in the following place on that page:

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

Each list item has a different href but the same class which contains the unique number that I need. Any ideas?

I have tried:

$("#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>');

are you not using a database for your items? if not, then how are you populating them? if you're using a server side script, I dont see the issue. If you're using javascript to pull from a CSV file or something, I still dont see the issue. — Gary Hayes
– Gary Hayes, Commented Feb 18, 2015 at 2:30

TRGWII · Accepted Answer · 2015-02-18 02:39:10Z

2

Here is a simple way for you to get the value you are looking for:

$(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> :)
});

You might want to make a <span> with a specific ID to put the loaded content into like so:

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

answered Feb 18, 2015 at 2:39

TRGWII

6485 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

andyh0316 · Accepted Answer · 2015-02-18 02:31:59Z

1

look up .append() Which appends craps within any html tags with an closing tag

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

answered Feb 18, 2015 at 2:31

andyh0316

3553 silver badges18 bronze badges

Collectives™ on Stack Overflow

Jquery add HTML from another page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related