替換是div內的文本

<h4>About Us</h4>與<a href='#aboutus'>About Us</a>那就是<div class="footer-block">

我想裏面做

$("div.second").replaceWith("<h4><a href='#aboutus'>About Us</a></h4>");

但是它需要一些類..但我只是有<h4>About Us</h4>我該怎麼做..

<div class="footer-block"> 
<div id="custom-menu-wizard-2"><h4>About Us</h4><div class="menu-footer_about_menu-container"> 
<ul id="menu-footer_about_menu" class="menu-widget " data-cmwv="3.1.3"><li id="menu-item-1054"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=1">Corporate Profile</a></li> 
<li id="menu-item-1055" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1055"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=2">Vision</a></li> 
<li id="menu-item-1056" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1056"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=3">Mission</a></li> 
<li id="menu-item-1057" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1057"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=4">Core Team</a></li> 
</ul> 
</div> 
</div>

注：

我不能簡單地做replaceWith的，因爲它會替換頁面中的所有h4 ..我如何可以遍歷footer-block內，然後進行更換。

來源

2015-09-25 SA__

無法你直接選擇在**＃custom-menu-wizard-2 **下使用ect h4並使用** replaceWith **。 – sahil

ReplaceWith功能沒有錯，你只需要把正確的選擇器'#custom-menu-wizard-2 h4'。

$('#custom-menu-wizard-2 h4').replaceWith("<h4><a href='#aboutus'>About Us</a></h4>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="footer-block"> 
 
    <div id="custom-menu-wizard-2"><h4>About Us</h4><div class="menu-footer_about_menu-container"> 
 
    <ul id="menu-footer_about_menu" class="menu-widget " data-cmwv="3.1.3"><li id="menu-item-1054"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=1">Corporate Profile</a></li> 
 
     <li id="menu-item-1055" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1055"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=2">Vision</a></li> 
 
     <li id="menu-item-1056" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1056"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=3">Mission</a></li> 
 
     <li id="menu-item-1057" class="menu-item menu-item-type-custom menu-item-object-custom cmw-level-1 menu-item-1057"><a href="http://projects.bizarresoftware.in/innomations/?page_id=38&amp;tab=4">Core Team</a></li> 
 
    </ul> 
 
    </div> 
 
    </div>

希望這有助於。

來源

2015-09-25 10:41:21

$(".footer-block h4").html("<a href='#aboutus'>About Us</a>");

來源

2015-09-25 10:35:57 opatut

Mine是div，所以用'＃'代替你的腳本或'.' –

您可以使用HTML的回調函數：

$('#custom-menu-wizard-2 h4').html(function(){ 
    return "<a href='#aboutus'/>" + $(this).html() + "</a>"); 
});

來源

2015-09-25 10:37:34

嘗試像

$("#custom-menu-wizard-2 h4:first-child").replaceWith("<h4><a href='#aboutus'>About Us</a></h4>");

來源

2015-09-25 10:40:25 Arunkumar

$('#custom-menu-wizard-2').find('h4').remove(); 
$('#custom-menu-wizard-2').html('<a href='#aboutus'>About Us</a>');

考慮裏面有 '#custom-menu-wizard-2'

沒有其他的元素或者文本

來源

2015-09-25 10:40:33

你的第二行會從$（'＃custom-menu-wizard-2'）中刪除所有內容，並且只是在那裏放一個鏈接 –

您可以使用wrapInner（）的jsfiddle：http://jsfiddle.net/darxide/y1wr44oL/

$('.footer-block h4').wrapInner("<a href='#aboutus'></a>")

來源

2015-09-25 10:43:03

這裏需要使用Replace with是fiddle

$('#custom-menu-wizard-2 h4').replaceWith("<h4><a href='#aboutus'>About Us</a></h4>");

來源

2015-09-25 10:43:17 Webruster

While這個鏈接可能回答這個問題，最好在這裏包含答案的重要部分，並提供參考鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 –

肯定會在一段時間內更新文章。 – Webruster

$(".footer-block h4").replaceWith("<a href='#aboutus'>About Us</a>");

check fiddle here

來源

2015-09-25 10:45:20

$("div#custom-menu-wizard-2 h4").replaceWith('<h4><a href=\'#aboutus\'>About Us</a></h4>');

來源

2015-09-25 11:05:57

通常，如果答案中包含對代碼意圖做什麼的解釋，以及爲什麼解決問題而不介紹其他問題，則答案會更有幫助。（這篇文章被至少一個用戶標記，大概是因爲他們認爲沒有解釋的答案應該被刪除。） - –

替換是div內的文本

回答

相關問題