主页 / 问题 / 1106272
Accepted
Владислав Самохин
Asked:2020-04-06 18:14:23 +0000 UTC2020-04-06 18:14:23 +0000 UTC

在页面上查找元素并获取它们的值 jquery

  • 772

你能告诉我如何input在其中找到所有内容div并显示它们的值吗？

<div>
<input type="hidden" value="1">
<input type="hidden" value="2">
<input type="hidden" value="3">
</div>

html

3 个回答

  1. Best Answer

    如果使用 jQuery：

    $('div input').each(function() {
  console.log($(this).val());
});
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>


<div>
  <input type="hidden" value="1">
  <input type="hidden" value="2">
  <input type="hidden" value="3">
</div>

    • 4 

  2. document.addEventListener('DOMContentLoaded', function () {
    let div = document.querySelector('div').children;
    [...div].forEach(function (c) {
        console.log(c.value);
    })
})
    <div>
    <input type="hidden" value="1">
    <input type="hidden" value="2">
    <input type="hidden" value="3">
</div>

    • 3

  3. 例如像这样

    	var item = $("input[type='hidden']");
	item.each(function(){
	console.log($(this).attr('value'));
	});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" value='1'>
<input type="hidden" value='2'>
<input type="hidden" value='3'>

    • 1

相关问题