Question

我正在尝试获取div的内容，并将其显示为移动菜单li上的最后一个ul。内容的标记是用php生成的，所以我不能简单地追加html。

我尝试使用sethtml和append但没有成功。

这是我的尝试：

$("#mobile-menu li").last().append($("#header-top-widget-area-2 div").innerHTML);

以下是使用php生成的标记，我需要将其显示为移动菜单中的最后一个li：

<div class="ewf-span6 text-right" id="header-top-widget-area-2">
  <div id="text-3" class="widget widget_text">
    <h3 class="widget-title"><span> </span></h3>
    <div class="textwidget">
      <ul class="social-icons">
        <li class="facebook"><a href="#"><img class="social-icon" src="/wp-content/uploads/2014/05/fb_responsive.png" alt="facebook-icon"></a></li>
        <li class="linkedin"><a href="#"><img class="social-icon" src="/wp-content/uploads/2014/05/linkedin_responsive.png" alt="linkedin-icon"></a></li>
        <li class="twitter"><a href="#"><img class="social-icon" src="/wp-content/uploads/2014/05/twitter_responsive.png" alt="twitter-icon"></a></li>
      </ul>
      <ul class="green-menu">
        <li><a href="#">Contact Us</a></li>
        <li class="border"><a href="#">Blog</a></li>
      </ul>
    </div>
  </div>
</div>

Answer 1

您需要创建一个新的<li>元素，并在其中填充您的内容，然后将其附加到您的<ul>元素：

var newLi = $("<li />");
newLi.html($("#header-top-widget-area-2 div")[0].innerHTML);
$("#mobile-menu").append(newLi);

得到div内容并将其显示为最后一个＆＃34; li＆＃34;不工作

1 个答案: