JQuery - 使用Each（）函数在元素内部移动

如何使用每个函数在JQuery中的元素内部移动？JQuery - 使用Each（）函数在元素内部移动

考虑这是我的元素结构：

<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 
    });

来源

2016-08-24 M.A.Murali

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

 

 
})

<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>

尝试这种方式

来源

2016-08-24 04:23:15 guradio

你可能错误理解jquery selector的使用和.each功能，在您的原始代码您正尝试循环所有编号为first-div的元素。你可能想研究我的反向更多信息 - https://jsfiddle.net/mc594hcy/

来源

2016-08-24 04:31:29

做一个console.log（$（'＃first-div div input：checkbox'）），这将帮助你看到如何选择元素。然后，你可以试试这个：

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

<!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>

来源

2016-08-24 04:55:59 Dylan

JQuery - 使用Each（）函数在元素内部移动

回答

相关问题