2016-06-17 1 views
0
あなたが名前に変数を追加する場合 $('li').lenght;

jQueryの長さは名前で変数を持つ要素で作業していない

長が動作していないだけ置けばそれが動作

$('#id_'+variable).length;

<!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> 
+0

** IDは常に 'クラス= 'uno_1''その後、jqueryの中に' $のようなユニークな** '使用クラスinstead'でなければなりません( " UNO _" + TU) .length' – guradio

+0

https://jsfiddle.net/kks320w0/ jsの順番を確認してください – Sherlock

+0

これはうまくいきます! –

答えて

0
Idがで複製することはできません

htmlでは、Idはページ内の各要素に対して一意でなければなりませんが、Idの代わりにここでclassを使用できます。

$(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>

0
<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> 
関連する問題