访问在 jquery 中设置的所有输入元素值属性

Question

I want to access all the input tags that have type="date" and value of date set我想访问所有具有 type="date" 和日期值的输入标签

let matchedelem = $('input[type="date"]').html();  
alert(matchedelem.length);

This alerts as all the input elements whether date is set or not无论日期是否设置，这都会作为所有输入元素发出警报

My requirement is I want to select all the input elements that has value of date set, how do I modify jquery selector?我的要求是我想选择所有具有日期设置值的输入元素，如何修改 jquery 选择器？

 let buttonsdiv; function maintest() { constructTable(); getDOMButtons(); } function constructTable() { table = $('<table>'); let row; let cell1; let cell2; let header2; table.attr({ "id": "testTable" }); row = $('<tr>'); table.append(row); header2 = $('<th>').text("Feature"); header3 = $('<th>'); input = header3.text("Return Date/Time"); header3.append(input); row.append(header2); row.append(header3); for (i = 0; i < 3; i++) { row = $('<tr>'); table.append(row); cell1 = $('<td>').html("cell1"); row.append(cell1); cell2 = $('<td>'); row.append(cell2); input = $('<input>').attr({ "type": "date", "id": "input" + i }); cell2.append(input); } $("#mainDiv").append(table); } function getDOMButtons() { buttonsdiv = $("<div></div>").attr({ "id": "buttonsdiv" }); $("<button>Save</button>").attr({ "value": "Save", "id": "saveButton" }) .appendTo(buttonsdiv).click(function() { parseDOM(); }); $("#mainDiv").append(buttonsdiv); } function parseDOM() { $(document).ready(function() { let divs = $('input[type="date"]'); alert(divs.length); }) }

 table { display: unset !important; border-collapse: collapse; } td, th { border: 1px solid black; padding: 10px; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <body onload="maintest()"> <div id="mainDiv"></div> </body>

Answer 1

Try this:尝试这个：

 $(function() { $('button').click(function() { $('body').find("input[type='date']").each(function(i) { console.log($(this).val()); }); }); });

 <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> #1 <input type="date" name="date1" /><br> #2 <input type="date" name="date2" /><br> #3 <input type="date" name="date3" /><br> <button>Submit!</button> </body>

访问在 jquery 中设置的所有输入元素值属性

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-02-11 19:44:46

访问在 jquery 中设置的所有输入元素值属性

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-02-11 19:44:46

解决方案1
1 已采纳 2020-02-11 19:44:46