jquery找到类并获取值

时间:2011-03-13 05:40:26

标签: jquery jquery-selectors

我正在尝试获取输入文本字段的值。

HTML是:

<div id="start">
    <p>
        <input type="text" class="myClass" value="my value" name="mytext"/>
    </p>
</div>

jquery是:

var myVar = $("#start").find('.myClass').val();

问题是myVar未定义。有谁知道为什么?

5 个答案:

答案 0 :(得分:56)

类选择器以点为前缀。您的.find()遗失了,因此jQuery认为您正在寻找<myClass>元素。

var myVar = $("#start").find('.myClass').val();

答案 1 :(得分:15)

var myVar = $("#start").find('.myClass').first().val();

答案 2 :(得分:10)

var myVar = $("#start").find('myClass').val();

需要

var myVar = $("#start").find('.myClass').val();

请记住CSS选择器规则需要“。”如果按类名选择。的缺席 ”。”被解释为搜索<myclass></myclass>

答案 3 :(得分:1)

您可以通过这种方式获取id,name或value的值。 类名my_class

 var id_value = $('.my_class').$(this).attr('id'); //get id value
 var name_value = $('.my_class').$(this).attr('name'); //get name value
 var value = $('.my_class').$(this).attr('value'); //get value any input or tag

答案 4 :(得分:1)

您还可以通过以下方式获取值

$(document).ready(function(){
  $("#start").click(function(){
    alert($(this).find("input[class='myClass']").val());
  });
});