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

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

我有一个过滤器列表和一个单独的部分来显示已选择的过滤器。我已经知道了如何将文本附加到目标中，但我不知道如何动态获取过滤器名称，例如，单击“冬季过滤器”，将显示“冬季”

筛选链接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>

全部
冬季
秋季
夏季
spring

筛选显示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();
});

$（'.individual'）。在（'click'，函数（）{
$（“
过滤器名称/
”）.appendTo（“.filters current”）；
});
$（'.complete'）。在（'click'，函数（）{
$（'.filters current'）.empty（）；
});

---

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

如果您想获取单击时包含的文本：

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

$（'.individual'）。在（'click'，函数（）{
$（“
”+$（this.text（）+”
）.appendTo（“.filters current”）；
});

---

$（this）.text（）获取所单击元素的内容。

这个“变量筛选文本”从何而来？如果这是错误的术语，很抱歉。理想情况下，从上面第一个块中的过滤器链接文本，但如果最好使用数据名，也可以。谢谢！永远不会明白这一点，+符号的作用是什么？+告诉javascript连接两个字符串。i、 e.：“TextText”+“BLahBlah”将输出TextBlahblah