Question

如何使用jquery类选择器获取文本框的值？

我的HTML看起来像这样：

 <input class="TextBoxTime" id="time2" name="time2" type="text" value="01:30 AM" />

我想在不使用id的情况下获取值，因为我在运行时创建了id。我正在尝试做这样的事情：

 var theClassTime = $("input.TextBoxDate");

 $("#saveBtn").click(function () {

         $("input[name='selectedCourses']").each(function (i) {
             if (this.checked) {
                var theTimes = theClassTime.find('input:eq('+ i +')').prop('selected', true).val();
                alert(theTimes);
             }

         });



     });

如何在不使用id的情况下获取此输入元素的值？

Answer 1

现场演示： http://jsbin.com/mibid

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <input class="my" type="text" value="a" />
  <input class="my" type="text" value="b" />
  <input class="my" type="text" value="c" />
  <input class="my" type="text" value="d" />
  <input class="my" type="text" value="e" />

  <button onclick="show()">Click me</button>
</body>
</html>


<script>
  function show(){
    $(".my").each(function() {
     var val = $(this).val();
     alert(val);
  });
  }
</script>

Answer 2

以下是多种访问方式。

.class  $(".intro") //All elements with class="intro"
.class,.class   $(".intro,.demo")// All elements with the class "intro" or "demo"
element $("p") //   All <p> elements


:first  $("p:first")    The first <p> element
:last   $("p:last") The last <p> element
:even   $("tr:even")    All even <tr> elements
:odd    $("tr:odd") All odd <tr> elements

获取type =“text”:text $(":text")

的所有输入元素

获取值只是使用该控件的val（）。

如何使用jquery类选择器获取文本框的值？

2 个答案: