[英]Insert HTML after element with jQuery
我希望在現有頁面上的特定元素之后添加一個按鈕。 這是我迄今為止嘗試過的代碼。
$('.collection-nav').after('<span class="button">This is a button.</span>');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <nav class="index-navigation collection-nav" role="navigation"> <div class="collection-nav-item" data-url-id="process"> <a href="/process/" class="process"> <span class="collection-nav-item-span">Process</span> </a> </div> <div class="collection-nav-item" data-url-id="our-breads"> <a href="/our-breads/" class="our-breads"> <span class="collection-nav-item-span">Bread</span> </a> </div> <div class="collection-nav-item" data-url-id="ourculutre"> <a href="/ourculutre/" class="ourculutre"> <span class="collection-nav-item-span">Culture</span> </a> </div> <div class="collection-nav-item" data-url-id="about"> <a href="/about/" class="about"> <span class="collection-nav-item-span">About</span> </a> </div> </nav>
我在這里缺少什么嗎?
據我所知,你寫的代碼是正確的,但需要觸發才能工作。
您可以添加這樣的按鈕 => <button id="btnAfter">After Element</button>
你可以稍后再試你的代碼:
$('#btnAfter').click(function(){
$('.collection-nav').after('<span class="button">This is a button.</span>');
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.