Javascript 如果文本包含特殊单词，则将类添加到具有类的div

我坚持使用一个简单的代码，但无法理解它

我正在处理一个特殊的表单，其中有一个包含很多选项的选择框。这个选择框不可见，我只需要它来获取用户选择的内容。用户看到的选择框由div和span组成。当用户选择一个选项时，元素中的文本将显示所选选项。该值还会更改隐藏选择框中的选定选项。我知道，这让人困惑

上面这部分很好用。我遇到的主要问题是，不同的选择选项会显示具有更多输入字段的不同框。现在我想显示那些框，如果选择的范围包含一个特殊的单词，并向框中添加一个新闻类。但是我发现很多代码对我不起作用

if($('.selected:contains("Eck")').length) {
   $(".d1").addClass("show-form");
}

以下是我表格中的一些html：

<div class='selectBox'>
    <span class='selected'></span>
    <span class='selectArrow'>&#9660</span>
    <div class="selectOptions" >
        <span class="selectOption" data-value="Rund" value="Rund">Rund</span>
        <span class="selectOption" data-value="Eck" value="Eck">Eck</span>
    </div>
</div>

这个盒子应该有新的课堂展示表格。但事实并非如此

<div class="box d1">CONTENT</div>

---

像这样的怎么样

$('.selectedOption').click(function(){
    $selected = $(this).val();
    switch($selected) {
        case 'Eck':
            $(".d1").addClass("show-form");
            break;
        case 'Rund':
            // do something else
            break;
    }
});

---

在给定的html中，只存在一个没有数据的选定类范围。所以你的条件失败了，什么也没发生。有一个脚本可以附加一些内容。选中了吗？如果是，请张贴。或者如果它是一个插件，请说明它是哪一个。$this.val不起作用，因为它不是一个。它应该是$this.data'value'