jQuery - .not() 不能与 .text() 一起使用

Question

我有一个如下所示的下拉菜单:

<select name="cc_dropdown[0]" id="cc-dropdown-0">
     <option value="">Select a card</option>
     <option value="0">***********1111</option>
     <option value="1" selected="selected">***********0005</option>
     <option value="-1">Use a new card</option>
</select>

我有一个看起来像这样的 div:

<div id="select-cc-dropdown-0">
   <div class="selectBox" tabindex="0">
      <div class="sbContent">***********0005</div>
   </div>
</div>

我需要获取下拉列表中所有选项的集合，这些选项的文本与 sbContent div 中的文本不匹配。

这是我尝试过的:

var tmp = $('#select-cc-dropdown-0 .selectBox .sbContent').text();
$('#cc-dropdown-0 option').text().not(tmp);

var tmp 确实返回了预期的文本(在本例中为*****0005)。但是当我尝试在 .text() 之后字符串 .not() 时，出现错误 (TypeError: $(...).text(...) .not 不是函数)。

如何将这两个位串在一起以获得我需要的东西？

Answer 1

当然这是行不通的。 .text()返回一个字符串，而不是 jQuery 对象。使用:not() (或 .not() )与 :contains() .

$('#cc-dropdown-0 option:not(:contains("' + tmp + '"))').text();
// or
$('#cc-dropdown-0 option').not(':contains("' + tmp + '")').text();