ul içerisindeki tüm li lerin idsini Alma

10-07-2020, 15:30:24

Merhaba Ul içerisindeki lilerin hepsinin id sini nasıl alabilirim Javascript kullanarak

<ul><li id="1"></li><li id="2"></li><li id="3"></li></ul>

10-07-2020, 15:33:54

#2

mhtbas

Kimlik doğrulama veya yönetimden onay bekliyor.

yusuf68700 adlı üyeden alıntı: mesajı görüntüle

Merhaba Ul içerisindeki lilerin hepsinin id sini nasıl alabilirim Javascript kullanarak

<ul><li id="1"></li><li id="2"></li><li id="3"></li></ul>

üst parentdan id alarak alt satırdaki kod ile yapabilirsin
örnek : <div id="divid">****<ul>********<li id="One">One</li>********<li id="Two">Two</li>********<li id="Three">Three</li>********<li id="Four">Four</li>********<li id="Five">Five</li>****</ul></div>
var lis = document.getElementById("divid").getElementsByTagN ame("li");

pardon sen idleri soruyormuşsun

 var lis = document.getElementById('ulid').getElementsByTagName('li');var idArray = [];for ( var counter = 0; counter < lis.length; counter++){   idArray.push( lis[ counter ].id );}console.log( idArray );

eger ulnin id'si varsa onun üstünden böyle gidebilirsin

10-07-2020, 15:48:49

#3

yusuf68700

mhtbas adlı üyeden alıntı: mesajı görüntüle

üst parentdan id alarak alt satırdaki kod ile yapabilirsin
örnek : <div id="divid">****<ul>********<li id="One">One</li>********<li id="Two">Two</li>********<li id="Three">Three</li>********<li id="Four">Four</li>********<li id="Five">Five</li>****</ul></div>
var lis = document.getElementById("divid").getElementsByTagN ame("li");

pardon sen idleri soruyormuşsun

 var lis = document.getElementById('ulid').getElementsByTagName('li');var idArray = [];for ( var counter = 0; counter < lis.length; counter++){ idArray.push( lis[ counter ].id );}console.log( idArray );

eger ulnin id'si varsa onun üstünden böyle gidebilirsin

Cevap için teşekkürler Hocam Sorunumu Şu şekilde çözdüm

var x = document.getElementById("ulid").querySelectorAll("li");

10-07-2020, 15:49:58

#4

dnaz

Array.from(document.querySelectorAll('ul > li[id]')).map(v=>v.id);

ul olan kısmı ul nin #id si yada .class ı olabilir. Sonuç olarak ilgili li elementlerine ait idlerin olduğu bir dizi elde edersiniz.

10-07-2020, 16:04:27

#5

yusuf68700

dnaz adlı üyeden alıntı: mesajı görüntüle

Array.from(document.querySelectorAll('ul > li[id]')).map(v=>v.id);

ul olan kısmı ul nin #id si yada .class ı olabilir. Sonuç olarak ilgili li elementlerine ait idlerin olduğu bir dizi elde edersiniz.

Uncaught SyntaxError: Unexpected identifier Hatası almaktayım

mhtbas adlı üyeden alıntı: mesajı görüntüle

üst parentdan id alarak alt satırdaki kod ile yapabilirsin
örnek : <div id="divid">****<ul>********<li id="One">One</li>********<li id="Two">Two</li>********<li id="Three">Three</li>********<li id="Four">Four</li>********<li id="Five">Five</li>****</ul></div>
var lis = document.getElementById("divid").getElementsByTagN ame("li");

pardon sen idleri soruyormuşsun

 var lis = document.getElementById('ulid').getElementsByTagName('li');var idArray = [];for ( var counter = 0; counter < lis.length; counter++){   idArray.push( lis[ counter ].id );}console.log( idArray );

eger ulnin id'si varsa onun üstünden böyle gidebilirsin

Tekrardan teşekkürler hocam ben obje olarak alabilmiştim verdiginiz kod sorunsuz şekilde idlerini çekti

10-07-2020, 16:07:18

#6

dnaz

yusuf68700 adlı üyeden alıntı: mesajı görüntüle

Uncaught SyntaxError: Unexpected identifier Hatası almaktayım

Ul ye ait doğru değerleri yazmıyorsunuzdur, test ettim sorun yok. İlgili ul nin idsini yada clasıını yazın doğru şekilde, yada site adresinizi atın bakayım.

10-07-2020, 16:09:26

#7

yusuf68700

dnaz adlı üyeden alıntı: mesajı görüntüle

Ul ye ait doğru değerleri yazmıyorsunuzdur, test ettim sorun yok. İlgili ul nin idsini yada clasıını yazın doğru şekilde, yada site adresinizi atın bakayım.

Hocam bilmiyorum fakat yukarda dedigim gibi Arkadaşın verdigi kod ile sorun çözüldü

10-07-2020, 16:15:35

#8

mhtbas

yusuf68700 adlı üyeden alıntı: mesajı görüntüle

Uncaught SyntaxError: Unexpected identifier Hatası almaktayım

Tekrardan teşekkürler hocam ben obje olarak alabilmiştim verdiginiz kod sorunsuz şekilde idlerini çekti

rica ederim yardımcı olduysam ne mutlu

10-07-2020, 16:53:14

#9

yusuf68700

mhtbas adlı üyeden alıntı: mesajı görüntüle

rica ederim yardımcı olduysam ne mutlu

Hocam Sorun Olmazsa Bi sorum daha olacaktı

 <li id="17929470532398922" style="width:100%;"><div class="msj-rta macro"><div class="text text-r"><p><font color="red">yusuf.css</font>:vdhxgdh</p></div><div class="avatar" style="padding:0px 0px 0px 10px !important"></div></div></li><li id="131394705342398922" style="width:100%;"><div class="msj-rta macro"><div class="text text-r"><p><font color="red">yusuf.css</font>:sasdadw</p></div><div class="avatar" style="padding:0px 0px 0px 10px !important"></div></div></li>

Ajax da response olarak bunu alıyorum burdaki li lerin id sini almaya Çalışırken hata veriyor nasıl alabilirim

Normalde bu kod ile li lerin id sini alabilirken ajax response de alamıyorum dataType='html', eklememe rağmen html kodu olarak görmüyor

var lis = document.getElementsByTagName('li');var idArray = [];for ( var counter = 0; counter < lis.length; counter++){   idArray.push( lis[ counter ].id );}console.log( idArray )
console.log(lis);