Question

当用户点击菜单bav按钮时，我有搜索控件显示在移动版本中。搜索控件包含在以下div中 <div class="search-nav-w">...</div>

我的菜单结构如下

<div id="cssmenu">
    <div id="menu-button" class="menu-opened"></div>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="/about-us/">About Us</a></li>
        <li><a href="/news/">News</a></li>
    </ul>

我希望我的菜单结构将搜索div附加到ul nav，以便我的HTML将像这样

<div id="cssmenu">
    <div id="menu-button" class="menu-opened"></div>
    <ul>
        <li>
            <div class="search-nav-w">...</div>
        </li>
        <li><a href="">HOME</a></li>
        <li><a href="/about-us/">About Us</a></li>
        <li><a href="/news/">News</a></li>
    </ul>

我喜欢跟随jquery，但它对我来说很有用

$("#cssmenu > ul").append("<li>"+$(".search-nav-w")+"</li>");

已更新 我试过prepend并追加，但我的列表项显示为<li>[object Object]</li>

Answer 1

您可以使用prependTo移动，wrap将元素包装在其他元素中。

将匹配元素集中的每个元素插入目标的开头。

Demo

$(".search-nav-w").wrap('<li id="search"></li>');
$('#search').prependTo($("#cssmenu > ul"));

Answer 2

不确定您是否要添加输入字段。

var _serachMenu =$("<li><div class='search-nav-w'></div></li>")
$("#cssmenu > ul").prepend(_serachMenu);

JS

.search-nav-w{
    width:40px;
    height:40px;
   border:1px solid red;

}

测试div存在的CSS

String maintext = (String) main_text.getText().toString();

if(maintext =="10") {           
    ToneGenerator toneG = new ToneGenerator(AudioManager.STREAM_ALARM, 100);
    toneG.startTone(ToneGenerator.TONE_CDMA_ALERT_CALL_GUARD, 200);
}

http://www.gnu.org/software/gsasl/manual/gsasl.html#Example-1

Answer 3

您将$(".search-nav-w")作为对象前置，而HTMLstring（将其显示为[object Object]）。尝试使用：

$("#cssmenu > ul").prepend('<li><div class="search-nav-w"></div></li>');

将搜索div添加为第一个导航列表项

3 个答案: