2015-02-18 3 views
1

Я хочу использовать jQuery для добавления номера в конец элемента списка меню навигации. Это количество продуктов на другой странице. В настоящее время один элемент списка выглядит следующим образом:JQuery добавить HTML с другой страницы

<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>'); 
+1

вы не используете базу данных для ваших товаров? если нет, то как вы их заполняете? если вы используете скрипт на стороне сервера, я не вижу проблемы. Если вы используете javascript для извлечения из файла CSV или чего-то еще, я все равно не вижу проблемы. –

+0

[ОБЪЕКТ ОБЪЕКТА] печатается – madkeen

ответ

2

Вот простой способ для вас, чтобы получить значение, которое вы ищете:

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

Вы можете сделать < SPAN> с определенным ID поместить загруженное содержимое в примерно так:

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

посмотреть .append() Который добавляет оправляется в любой HTML-теги с закрывающим тегом

$('a').append("123"); 
Смежные вопросы