javascript - jQuery : Get content of id

Question

需要一些有关 jQuery DOM 的帮助。我需要提取 id 的内容。我有一个用户可以选择的列表，它将过滤 map 的热点。用户选择后，我希望 filtertitle 显示新选择的过滤器。我可以将“id”应用于过滤器标题，但不确定内容，因为内容有购物/餐饮。请有人。

HTML

<div class="map-filter">
    <div class="filtertitle">All Categories</div>
    <ul class="filter-list">
        <li class="active" id="All Categories">All Categories</li>
        <li id="Shopping">Shopping/Dining</li>
        <li id="Hotel">Hotels & Resorts</li>
        <li id="Art">Art Galleries</li>
    </ul>
</div>

jQuery

$('.filter-list li').click(function(){
    var id = $(this).attr('id');
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
    $('.filtertitle').html(id); //This part is where I set the id 
});

Answer 1

使用.text() ，它为您提供所需元素的文本内容。

$('.filtertitle').html($(this).text());

如果是 html 内容，请使用 .html() 。

$('.filtertitle').html($(this).html());