JQuery Länge nicht mit Elementen mit variabler Namens arbeiten

Es funktioniert, wenn Sie nur $('li').lenght; setzenJQuery Länge nicht mit Elementen mit variabler Namens arbeiten

Länge funktioniert nicht, wenn Sie eine Variable auf den $('#id_'+variable).length; Name

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       $("button").click(function() { 
        var tu = '1'; 
        alert($("#uno_" + tu).length); 
        // IT WORKS IF YOU PUT ONLY $('li').lenght; 
       }); 
      }); 
     </script> 
    </head> 

    <body> 
     <button>Alert the number of li elements</button> 
     <ul> 
      <li id="uno_1">Coffee</li> 
      <li id="uno_1">Milk</li> 
      <li id="uno_1">Soda</li> 
     </ul> 
    </body> 

</html>

Quelle

2016-06-17 Verde Mc

** ID sollte immer eindeutig sein ** 'Gebrauchsklasse instead' wie' class = 'uno_1'' dann in jquery '$ (" uno _" + tu) .length' – guradio

https://jsfiddle.net/kks320w0/ es funktioniert, überprüfen Sie die Reihenfolge Ihrer js – Sherlock

DANKE, DASS FUNKTIONIERT! –

Id nicht in dupliziert werden html, Id sollte für jedes Element auf der Seite eindeutig sein, aber Sie können hier die Klasse anstelle von Id verwenden.

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     var tu = '1'; 
 
     alert($(".uno_"+tu).length); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<button>Alert the number of li elements</button> 
 

 
<ul> 
 
    <li class="uno_1">Coffee</li> 
 
    <li class="uno_1">Milk</li> 
 
    <li class="uno_1">Soda</li> 
 
</ul>

Quelle

2016-06-17 04:54:15

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $("button").click(function(){ 
    var tu = 1; 
       alert($("#uno_"+tu).html().length); 

      }); 
     }); 
    </script> 
    </head> 
    <body> 

    <button>Alert the number of li elements</button> 

    <ul> 
     <li id="uno_1">phpsiliguri.com</li> 
     <li id="uno_2">google.com</li> 
     <li id="uno_3">yahoo.com</li> 
    </ul> 
    </body> 
</html>

Quelle

2016-06-17 05:11:33

JQuery Länge nicht mit Elementen mit variabler Namens arbeiten

Antwort

Verwandte Themen