扫描二维码下载沐宇APP

沐宇

微信扫码使用沐宇小程序

沐宇
沐宇首页 互联网技术知识问答 jQuery涓璱nsertBefore鎬庝箞浣跨敤

jQuery涓璱nsertBefore鎬庝箞浣跨敤

扬州沐宇科技
2023-09-11 10:52:30
jquery

鍦╦Query涓紝insertBefore()鏂规硶鐢ㄤ簬灏嗘寚瀹氱殑鍏冪礌鎻掑叆鍒扮洰鏍囧厓绱犵殑鍓嶉潰銆備娇鐢╥nsertBefore()鏂规硶鐨勮娉曞涓嬶細

$(瑕佹彃鍏ョ殑鍏冪礌).insertBefore(鐩爣鍏冪礌);

绀轰緥浠ｇ爜濡備笅锛?/p> 

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="container">
<p>杩欐槸鐩爣鍏冪礌鍚庨潰鐨勬枃鏈€?span class="hljs-tag"></p>
</div>
<script>
// 鍒涘缓瑕佹彃鍏ョ殑鍏冪礌
var newElement = "<p>杩欐槸瑕佹彃鍏ョ殑鍏冪礌銆?lt;/p>";
// 灏嗚鎻掑叆鐨勫厓绱犳彃鍏ュ埌鐩爣鍏冪礌鐨勫墠闈?/span>
$(newElement).insertBefore("#container p");
</script>
</body>
</html>

涓婅堪浠ｇ爜灏嗗湪<div id="container">鍏冪礌涓殑绗竴涓?code><p>鍏冪礌鐨勫墠闈㈡彃鍏ヤ竴涓柊鐨?code><p>鍏冪礌銆?/p>

相关问答

扫码添加客服微信