Question

如何删除文字

位于<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>

注意：

我不能简单地替换，因为它将替换页面中的所有h4。如何在footer-block内遍历，然后进行替换。

Answer 1

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>

希望这有帮助。

Answer 2

您可以使用html的回调函数：

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

Answer 3

您需要使用Replace with这里是fiddle

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

Answer 4

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

Answer 5

尝试

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

Answer 6

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

考虑到“#custom-menu-wizard-2”

中没有其他元素或文字

Answer 7

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

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

Answer 8

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

check fiddle here

Answer 9

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

替换div内的文本

9 个答案: