標籤：rip clone 添加 cti temp meta end 內容 val
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> <input type="text" id="v"> <input type="button" id="add" value="添加"/> <input type="button" id="del" value="刪除"/> <input type="button" id="clone" value="複製"/></div><ul id="u1"> <li>1</li> <li>2</li> <li>3</li></ul><script src="jquery-3.3.1.js"></script><script type="application/javascript"> $(‘#add‘).click(function () { var v = $(‘#v‘).val(); var temp = "<li>" + v + "</li>"; $(‘#u1‘).append(temp); //內部尾部追加// $(‘#u1‘).prepend(temp); //內部最前面插入// $(‘#u1‘).after(temp); //外部後面加// $(‘#u1‘).before(temp); //外部前面加 }); $(‘#del‘).click(function () { var v = $(‘#v‘).val();// $(‘#u1‘).children().eq(v-1).empty(); //清空標籤內容 $(‘#u1‘).children().eq(v-1).remove(); //刪除標籤 }); $(‘#clone‘).click(function () { var v = $(‘#v‘).val(); var temp = $(‘#u1‘).children().eq(v-1).clone(); //複製標籤 $(‘#u1‘).append(temp); });</script></body></html>
jQuery文檔操作
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
