jQuery ile Eksik İçerikleri Tamamlama Nasıl Yapılır?
<ul>
<li data-id="1">
<span class="title" data-id="1">
BAŞLIK
</span>
<span data-id="1">
ALT BAŞLIK
</span>
</li>
<li data-id="2">
<span class="title" data-id="2">
BAŞLIK
</span>
<span data-id="2">
ALT BAŞLIK
</span>
</li>
<li data-id="3">
<span data-id="3">
ALT BAŞLIK
</span>
</li>
<li data-id="4">
<span class="title" data-id="4">
BAŞLIK
</span>
<span data-id="4">
ALT BAŞLIK
</span>
</li>
</ul>
Merhaba PT.
Yukarıda vermiş olduğum örnekte ul içerisinde bulunan li'lerin data-id'leri var ve bu data-id'lere sahip içerlerinde <span>'lar var. Bu yapıda bazı li'lerin içinde title class'ına sahip <span> eksik. jQuery ile içinde BAŞLIK <span>'ı eksik olan li'lere BAŞLIK span'ını data-id'si ile birlikte eklemem gerekiyor.
Bu durumda da sizlerin yardımı gerekiyor. :)
@ebykdrms hocam çok teşekkür ederim. Kodu aşağıdaki şekilde kısalttım. Dün akşam çok çalışmanın azizliği olsa gerek mantığı kuramamışım. :)
$("ul li").each(function () {
if(!$(this).find('span').hasClass('title')) {
$(this).prepend('<span class="title" data-id="' + $(this).attr('data-id') + '">BAŞLIK</span>');
}
});