jquery將input替換span并將input的內容帶上給span
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
 ：jquery將input替換span并將input的內容帶上給span 示例代碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <input type="text" id="myInput" value="Hello, World!" /> <button id="replaceBtn">Replace Input with Span</button> <div id="output"></div> <script> $(document).ready(function() { $('#replaceBtn').click(function() { // 獲取 input 的值 var inputValue = $('#myInput').val(); // 創建一個新的 span 元素，帶上 input 的值 var newSpan = $('').text(inputValue); // 用新的 span 替換 input $('#myInput').replaceWith(newSpan); // 可選：將新創建的 span 添加到輸出區域 $('#output').append(newSpan); }); }); </script> </body> </html> ?該文章在 2024/10/22 17:35:15 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
