Здравствуйте! Имеется, следующее:
$.installCatalog(Array({"name":"11111"}, {"name":"4444"}), Array({"id":"1"}));
<div class="installCatalog">
<div class="title_category"></div>
</div>
$.installCatalog = function(category, product){
if(product == ''){return false;}
var c = $('.installCatalog').last();
if(c.css('display') == 'none'){
c.css({"display":"block"});
}
else{
c = c.clone(true).insertAfter(c);
}
console.log(c);
c.contentsd(category, product);
};
$.fn.contentsd = function(category, product){
for(var key in category){
this.find(".title_category").html("<span><a href=''>" + category[key].name + "</a></span>");
}
};
Проблема заключается в следующем, когда клонирую блок и пытаюсь изменить контент в span, то почему-то он меняется на последнее значение: т.е. получается вот так:
<div class="installCatalog">
<div class="title_category">
<span>444444</span>
</div>
</div>
<div class="installCatalog">
<div class="title_category">
<span>444444</span>
</div>
</div>
А должно быть вот так:
<div class="installCatalog">
<div class="title_category">
<span>11111</span>
</div>
</div>
<div class="installCatalog">
<div class="title_category">
<span>444444</span>
</div>
</div>
Почему меняется контент во всех полях, если я явно указываю this
