jQuery：获取id的内容

Question

需要有关jQuery DOM的帮助。 我需要提取ID的内容。 我有一个可供用户选择的列表，它将过滤地图的hotspot 。 用户选择后，我希望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());

Answer 2

如果我了解您的要求是正确的，那么您可以尝试这样的事情。

$('.filter-list li').click(function(e){
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
    $('.filtertitle').html($(e.currentTarget).text());
});

JSFiddle- https: //jsfiddle.net/583zgs57/

Answer 3

可以使用$（this）.text（）代替简单的设置ID。 获取当前元素的文本内容。

$('.filter-list li').click(function(){
    var id = $(this).attr('id');
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
    $('.filtertitle').html($(this).text()); 
});