訪問在 jquery 中設置的所有輸入元素值屬性

Question

我想訪問所有具有 type="date" 和日期值的輸入標簽

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

無論日期是否設置，這都會作為所有輸入元素發出警報

我的要求是我想選擇所有具有日期設置值的輸入元素，如何修改 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

嘗試這個：

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