jQuery选择器格式

时间:2019-02-21 01:22:40

标签: jquery css-selectors each

我有一个问题已经解决了一段时间了。

方案:我有一个网页,其中包含多个下拉列表(html选择)。我想使用每个语句(在jQuery中)遍历所有下拉列表,然后在每个选项中搜索特定的文本元素。所以我有这个:

$.each(selects, function(ind, elem){ 
    var $this = $(elem);
    $($this + ' option').filter(function() { return $(this).text() === 'some text';});
});

我收到一条错误消息,指出:Syntax error, unrecognized expression: [object Object] option

有人知道如何结合$this之类的对象和选择器文本来获得我想要的结果吗?

任何帮助都是很棒的。

谢谢, T

1 个答案:

答案 0 :(得分:0)

因此,您只需在Document ready事件上编写JS代码即可。

如果您搜索的文本匹配,以下代码将返回该选项。我已经添加了Selected属性本身来理解-

$( document ).ready(function() {
    var selects = $("select");
    $(selects).each(function(index, elem){
        var searchText = "c";
        if($(elem).find('option[value="'+searchText+'"]').length > 0){
            var searchResultElem = $(elem).find('option[value="'+searchText+'"]');
            searchResultElem.attr('selected','selected');
            console.log(searchResultElem);
        }
    });
});