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
