Question

如何使用每个函数在JQuery中传递元素？

考虑这是我的元素结构：

<div id="first-div">

    <div id="check-div1">
        <input type="checkbox" name="choices" id="mobile-check"
            value="Mobile">Mobile
    </div>

    <div id="check-div2">
        <input type="checkbox" name="choices" id="charger-check"
            value="Charger">Charger
    </div>

    <div id="check-div3">
        <input type="checkbox" name="choices" id="headphone-check"
            value="Head Phone">Head Phone
    </div>
</div>

我想使用each方法打印警报中每个复选框的值。

我尝试了以下

    $("#first-div").each(function(){
        alert($(this).id.div); // struck here to travel inner of first-div
    });

Answer 1

＆＃13;

$('#first-div div').each(function() {
  var val = $(this).find('input').val();
  alert(val)


})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first-div">

  <div id="check-div1">
    <input type="checkbox" name="choices" id="mobile-check" value="Mobile">Mobile
  </div>

  <div id="check-div2">
    <input type="checkbox" name="choices" id="charger-check" value="Charger">Charger
  </div>

  <div id="check-div3">
    <input type="checkbox" name="choices" id="headphone-check" value="Head Phone">Head Phone
  </div>
</div>

＆＃13;

试试这种方式

Answer 2

执行console.log（$（＆＃39;＃first-div div输入：复选框＆＃39;）），这将帮助您了解如何选择元素。然后你可以试试这个：

＆＃13;

 $.each($('#first-div div input:checkbox'), function(index, value){
   var divValue = $(value).val(); 
 alert(divValue);  
 })

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<div id="first-div">

    <div id="check-div1">
        <input type="checkbox" name="choices" id="mobile-check"
            value="Mobile">Mobile
    </div>

    <div id="check-div2">
        <input type="checkbox" name="choices" id="charger-check"
            value="Charger">Charger
    </div>

    <div id="check-div3">
        <input type="checkbox" name="choices" id="headphone-check"
            value="Head Phone">Head Phone
    </div>
</div>
</body>
</html>

＆＃13;

JQuery - 使用Each（）函数在元素内部旅行

2 个答案: