.att（ "value"）の取得方法jQuery

Question

<input type="hidden" value="#F00" name="" class="myValue"> 
$(document).ready(function(){ 
var myValue = $(".myValue").val(); 
console.log(myValue); 
}); 

"value =＃F00"を返します。 返信する必要があります ＃F00;唯一

は

Answer 1

.myValueのクラス名を持つ要素がない

は、代わりにあなたはこれらを使用することができます。

console.log($('[name="myValue"]').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="myDiv"> 
 
    <input type="hidden" name="myValue" value="#F00"> 
 
</div>

または:hidden擬似セレクターで：

console.log($('.myDiv :hidden').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="myDiv"> 
 
    <input type="hidden" name="myValue" value="#F00"> 
 
</div>

を

Answer 2

コードにはmyValueがクラスとして使用されています。

htmlでは、nameという属性があります。だから、あなたが使用して要素を選択すると値

var getValue = $("input[name='myValue']") 

console.log(getValue.val()); 

DEMO

Answer 3

console.log($("input[name=myValue]").val()); 

Answer 4

を取得するためにname属性を選択する必要があります ''例えば$(".myValue") "myValue"は名前ではなくその要素のクラスである必要があります。

あなたが名前を使用して選択したい場合は、使用します。$("[name='myValue']").val()または$("input[name='myValue']").val()

Answer 5

$(document).ready(function(){ 
var myValue = $(".myValue").val(); 
console.log(myValue); 
}); 

そのままそれが働いていたが...君たちに感謝します。

Answer 6

それはあなた

<input type="hidden" value="#F00" name="" class="myValue"> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      var myValue = $(".myValue").val(); 
     console.log(myValue); 
     }); 
    </script>