Заменить текст, который находится внутри DIV

Как я могу удалить текстЗаменить текст, который находится внутри 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__

Не может вы прямо ect h4 под ** # custom-menu-wizard-2 ** и использовать ** 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 is 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

Пока эта ссылка может ответить на вопрос, лучше включить основные части ответа здесь и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. –

уверен, что обновит сообщение через некоторое время. – 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

ответ

Смежные вопросы