Question

我使用bootstrap创建了手风琴下拉列表。我要做的是当他们点击下拉标题<li>获取图标并将其放入下拉按钮

 <button class="btn btn-search catbutton dropdown" type="button" data-toggle="dropdown">
 span class="label-icon"><i class="fa fa-bars"></i></span>
    </button>

<ul class="dropdown-menu accordion" role="menu">
    <li role="presentation" class="have-child"> 
        <a class="link" role="menuitem">
            <i class="fa fa-building"></i>Properties<i class="fa fa-chevron-down"></i>  
        </a>

        <ul id="properties" class="panel-collapse collapse submenu">
            <li><a>All</a></li>
            <li><a>Property For Sale</a></li>
            <li><a>Property For Rent</a></li>
            <li><a>Land For Sale</a></li>                                                 
        </ul>
    </li>
</ul>

我已设法获取文本并将其放在那里，但不是下面的图标

$(".dropdown-menu li a").click(function () {
    $(".catbutton").text($(this).text());
});

请帮我解决这个问题

Answer 1

您只是使用文字而非 html ，如果您想要点击图标

试试这个

$(".dropdown-menu li a").click(function () {
    $(".catbutton").html($(this).html());
});

我会帮助你。

Answer 2

我找到了解决方法 js应该如下

<div class="geticon"><i class="fa fa-building"></i>

HTML需要改变如下

int cannot be converted to Uri

为图标添加我需要获取的类，并添加这些

的解决方案谢谢guradio指导我

jquery从<li>标签获取图标并将其放入按钮中的下拉图标

2 个答案: