jquery查找类并获取值答案

【问题标题】：jquery find class and get the valuejquery查找类并获取值
【发布时间】：2011-07-14 08:24:21
【问题描述】：

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

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 出现未定义。有谁知道为什么？

【问题讨论】：

标签： jquery jquery-selectors

【解决方案1】：

类选择器以点为前缀。你的 .find() 丢失了，所以 jQuery 认为你正在寻找 <myClass> 元素。

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

【讨论】：

@Jason：您可能想发布实际代码。我有一种直觉，它并不像看起来那么简单。
您的权利。这是代码的淡化版本以简化它。看来这个概念应该可行。
@Jason 能否请您发布解决方案，我感觉我们正在做同样的事情。
@Zaibis：原始代码不一样 - 查看修订历史记录。坦率地说，我认为这个问题应该结束，因为它似乎是一个不同的问题，我们没有得到太多继续。
最好是他说“这不起作用：'正确的工作查询'” -> 这只是让我感到困惑，直到我意识到他编辑了他的问题。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

需要

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

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

【讨论】：

【解决方案4】：

也可以通过以下方式获取值

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

【讨论】：

【解决方案5】：

您可以通过这种方式获取 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

【讨论】：