jquery-遍历：选择->选项->文本

Question

我想将变量与 select 进行比较 ->选项->为了更改“选定”属性而选择的文本，这是我的代码，它有效，但我认为这不是最好的编写方式，请原谅我的英语，我使用谷歌翻译寻求帮助嘿嘿嘿：

var lista = 'example 1'; 
$("#id option").each(function(){
  if($(this).text() == lista){
    $(this).attr('selected','selected');
  }
});

这里是html：

<select id="id" >
  <option value="0" >example 1</option>
  <option value="1" >example 2</option>
</select>

这里有一些尝试

$('#id option:eq("'+lista+'")').attr('selected','selected')

$("#id option[text='"+lista+"']").attr('selected','selected')

Answer 1

您可以尝试以下操作，而不是循环遍历每个：

var lista = 'example 1'; 
$('#id option:contains(' + lista + ')').attr('selected', true);

或

$('#id option:[text="' + lista + '"]').attr('selected', true);

也同样有效。这仅取决于您的变量 lista 是否需要完全匹配或只是部分匹配。

Answer 2

你所拥有的并没有什么问题，jQuery 会在幕后做或多或少相同的事情。

如果你想将它们链接在一起，你可以使用 filter() ：

var lista = 'example 1'; 
$('#id option').filter(function () { 
    return $(this).text() == lista; 
})[0].selected = true;

< a href="http://api.jquery.com/contains-selector/" rel="nofollow">:contains 可能适合您，但它的工作方式类似于通配符匹配，例如 cat 将匹配 category：

var lista = 'example 1'; 
$('#id option:contains(' + lista + ')')[0].selected = true;

Answer 3

您的方法非常有效，但可以做得更进一步，如下所示：

var lista = 'example 1'; 
$("#id option").each(function(){
    if( this.text == lista ){
      this.selected = true;
      return false;
    }
});

这使用本机属性，因此速度会更快。

• .text 属性给出 元素的文本内容

• .selected 设置所选属性

• < code>return false; 一旦选择了一个，就会中断循环，所以它不会不必要地继续

Answer 4

这应该有效：

$("#id option").attr('selected', function() {
    return this.innerHTML === lista;
});

Answer 5

我可能来得太晚了。

var lista = 'example 1';
$('#id option[text="' + lista + '"]').attr('selected', true);

这比

var lista = 'example 1';
$('#id option:contains("' + lista + '")').attr('selected', true);

在 http://jsperf.com/selector-performance-00000< 检查性能日志 要快大约 97% /a>