получить элементы из ответа ajax

[ishurgaya]

Добрый день.

В ответе от ajax получаю такие строки.

<div id="js-product-list">
		<div class="thumbnail-container">
			  <a href="#" class="thumbnail product-thumbnail">
					<img src="#">
			  </a>     
			  <div class="product-description">
				<h2 class="h3 product-title">
				   <a href="#">TEXT1</a>
				</h2>
			  </div>
		</div>
		<div class="thumbnail-container">
			  <a href="#" class="thumbnail product-thumbnail">
					<img src="#">
			  </a>     
			  <div class="product-description">
				<h2 class="h3 product-title">
				   <a href="#">TEXT2</a>
				</h2>
			  </div>
		</div>
		<div class="thumbnail-container">
			  <a href="#" class="thumbnail product-thumbnail">
					<img src="#">
			  </a>     
			  <div class="product-description">
				<h2 class="h3 product-title">
				   <a href="#">TEXT3</a>
				</h2>
			  </div>
		</div>
</div>

Пытаюсь получить все элементы вместе с тегом <a> :<a href="#">TEXT1</a>, <a href="#">TEXT2</a>, <a href="#">TEXT3</a> и т.д.

Ответ сервера находится здесь xmlhttp.responseText.
Пишу так $.parseHTML(xmlhttp.responseText) иначе не работают селекторы по ответу ajax.

Пробую так:

$($.parseHTML(xmlhttp.responseText)).find("#js-product-list .product-title a").clone();

, но получаю массив из TEXT1, TEXT2, TEXT3

Пробую так:

$($.parseHTML(xmlhttp.responseText)).find("#js-product-list .product-title").html();

, получаю только первый элемент <a href="#">TEXT1</a>

Помогите получить все <a href="#">TEXT1</a>, <a href="#">TEXT2</a>, <a href="#">TEXT3</a> и т.д. вместе с тегом a.

[рони]

ishurgaya,
непонятно что вам нужно, элементы или html.

но получаю массив из TEXT1, TEXT2, TEXT3

что не так в этом массиве?

[ishurgaya]

ishurgaya,
непонятно что вам нужно, элементы или html.

что не так в этом массиве?

html нужен
<a href="link1">TEXT1</a>
<a href="link2">TEXT2</a>
<a href="link3">TEXT3</a>
и т.д.

[рони]

ishurgaya,
так идите циклом по ("#js-product-list .product-title") и берите html

[рони]

ishurgaya,
можно так

var arr =  $.map($($.parseHTML(xmlhttp.responseText)).find("#js-product-list .product-title"), function(div) {
     return div.innerHTML.trim()
})

[ishurgaya]

собственно я это и делаю.

остановился на таком варианте:

products = $($.parseHTML(xmlhttp.responseText)).find("#js-product-list .product-title a");

 for(var y=0; y < products.length; y++){
	if(products[y] != "undefined")
	{
	     output += "<li><a href='"+ products[y].attributes.href.nodeValue +"'>" + products[y].innerHTML +"</a></li>";
	}
}

Почему то если писать так:

for(var y=0; y < products.length; y++){
	if(products[y] != "undefined")
	{
	     output += "<li>" + products[y] +"</li>";
	}
}

то вставляет только текст, ввидимо из-за привода к типу стринг?

[рони]

ввидимо из-за привода к типу стринг?

да
и ваша первая строка была уже достаточной!!!

$($.parseHTML(xmlhttp.responseText)).find("#js-product-list .product-title a").appendTo("ul").wrap("<li/>");