javascript - 使用 jquery 获取 div 元素中的值列表

标签 javascript jquery html

我正在使用 ajax_select 动态添加项目(使用内置 js 脚本添加项目的应用程序),它正在添加项目作为

<div class="col-md-4 col-sm-6">
<div class="form-group ">
    <label class="control-label" for="id_colours">Colours</label>
    <input type="text" name="colours_text" id="id_colours_text" value="" autocomplete="off" class="form-control ui-autocomplete-input">
    <input type="hidden" name="colours" id="id_colours" value="|1|7|2|" data-ajax-select="autocompleteselectmultiple" data-plugin-options="{&quot;html&quot;: true, &quot;source&quot;:
&quot;/ajax_select/ajax_lookup/colours&quot;}" data-changed="true">

     <div id="id_colours_on_deck" class="results_on_deck">
        <div id="id_colours_on_deck_1">
            <span class="ui-icon ui-icon-trash" id="kill_1id_colours">X</span> White
        </div>

        <div id="id_colours_on_deck_7">
            <span class="ui-icon ui-icon-trash" id="kill_7id_colours">X</span> Yellow
        </div>

        <div id="id_colours_on_deck_2">
            <span class="ui-icon ui-icon-trash" id="kill_2id_colours">X</span> Black
        </div>
    </div>
</div>

这里我加了White, Yellow and Black这些在 id = id_colours_on_deck 的 div 内,如何获得 id_colours_on_deck 中所有颜色的列表? . 我对 jquery 不太友好,可能在这里我可以得到答案。

最佳答案

您可以使用 each() 遍历 div 并使用 .contents()[1] 仅获取文本,例如这个:

("div[id^='id_colours_on_deck_']").each(function(){
    $($(this).contents()[1]).text();
})

关于javascript - 使用 jquery 获取 div 元素中的值列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51169709/

相关文章:

asp.net-mvc - 如何使用 $.ajax 将多个数组传递给 ASP.NET MVC 操作?

JQuery - 第一个文本字段 .change 事件上的克隆表

javascript - 我想根据浏览器高度更改链接元素的边距

javascript - Chrome 渲染内联 block 高度错误

javascript - 使 CSS 工具提示跟随光标

javascript - 当我们键入时在文本区域中显示文本

html - 渲染性能 : style attributes or classnames and stylesheet rules?

php - 异步数据加载后获取网页来源

javascript - 使用 JavaScript/jQuery 在任何给定元素上显示多个 CSS 值

html - CSS 标题悬停?