Question

我的页面中的每个<select>对象都有以下Html结构：

<div class="clsPropertyDiv clsPropertyId_16 ">
        <span class="inputTitle">You can select multiple items</span><br>
        <select id="select_16" multiple="multiple" style="display: none;">
            <option class="" value="2699" id="opt_2699">Rusian </option>
            <option class="clsOptionSelected" value="2700" id="opt_2700">English </option> // take this text
            <option class="" value="2702" id="opt_2702">Hebrew</option>
        </select>

        <div class="ms-parent  multipleSelection" multiple="multiple">
            <button type="button" class="ms-choice">
                <span class="spnMulti"></span> // insert here.
                <div class=""></div>
            </button>         
        </div>
    </div>

我需要获取所选文本并将其插入：<span class="spnMulti"></span>

这就是我想要做的事情：

$('.selectOptions option').each(function() {
            if ($(this).hasClass('clsOptionSelected') {
                var selectedText = $(this).text();
                $(this).next('.spnMulti').text("selectedText ");

            }
        });

Answer 1

.spnMulti不是selectOptions的儿童。你需要调用父div并在spnMulti找到之后。

示例：

$(this).closest('.clsPropertyDiv').find('.spnMulti').text(selectedText);

并添加课程以选择＆＃34; selectOptions＆＃34;，在选择器中，您使用：＆＃34; $（＆＃39; .selectOptions选项＆＃39;）＆＃34;并且在select中没有.selectOptions类。

通过课程获得下一个跨度

1 个答案: