Question

jQuery菜鸟，找不到任何文档来帮助我回答以下问题：

我有一个过滤器列表和一个单独的部分来显示已选择的过滤器。我已经想出了如何将文本追加到我的目标，但我无法弄清楚如何动态地获取过滤器名称，例如单击冬季过滤器，将显示“冬季”。

FILTER LINKS HTML：

                <div class="filter-dropdown">
                    <ul>
                        <li class="filter complete" class="active" data-filter="all" data-dimension="season">All</li>
                        <li class="filter individual" data-filter="m-winter w-winter a-winter" data-dimension="season">Winter</li>
                        <li class="filter individual" data-filter="m-fall w-fall a-fall" data-dimension="season">Fall</li>
                        <li class="filter individual" data-filter="m-summer w-summer a-summer" data-dimension="season">Summer</li>
                        <li class="filter individual" data-filter="m-spring w-spring a-spring" data-dimension="season">Spring</li>
                    </ul>
                </div>

FILTER DISPLAY HTML：

    <div class="filter-details">
        <span class="filter-title">filters</span>
        <ul class="filters-current">
            <!-- Filter titles added and removed via jQuery -->
        </ul>
    </div>

JQUERY：

$('.individual').on('click', function () {
    $('<li>Filter Name / </li>').appendTo('.filters-current');
});
$('.complete').on('click', function () {
    $('.filters-current').empty();
});

在上面，我试图解决的问题是如何用可变过滤器文本替换“过滤器名称”。

Answer 1

如果您想获得点击时包含的文字：

$('.individual').on('click', function () {
    $('<li>'+$(this).text()+'</li>').appendTo('.filters-current');
});

$（this）.text（）获取被点击元素的内容。

jQuery将链接文本附加到另一个div

1 个答案: