的jQuery包含：獲得

蘋果
籃
桃
球
鹽水
圍裙
車
廚師
梨
梅
扼流圈

我已創建一個定時器的解決方案，用戶可以開始輸入部分單詞，我想是能夠凸顯數據的列。

我能夠做得到一些信息如下：

console.log($('#' + ListBoxVal + ' tr:contains("' + filterString + '")'));

但是，當我輸入字母「C」，例如我得到如下結果：

桃
汽車
嗆012
廚師

真的，我想要的是改變在第一個以'c'開頭的單詞的css。我看着選擇器（即〜=），但看起來並不奏效。從列表中的第一個字母完成過濾器匹配的最佳方法是什麼？

UPDATE：

所有的建議都是很接近，但我的例子是有點過。我更新了上面的列表以更準確。在上面的列表中，如果我的過濾器是字母「c」，下面的所有解決方案仍然帶回「桃子」。

對不起。

更新＃2

ShankarSangoli的解決方案是在正確的道路上，但我仍然有例如問題，如果我的角色「CE」我就得到一個比賽方式：

缺席而非證書

是什麼，以確保我搜索單詞而不是整個字開頭的最佳方式？

來源

2011-08-08 webdad3

您是否在尋找匹配的第一個元素，或者其第一個字母與您的過濾器字符串匹配的元素，還是第一個這樣的元素？ – BoltClock

我正在尋找第一個字母匹配的元素的第一個 – webdad3

試試這個：

//To select only the rows that start with filterstring 
    var filteredList = $('#' + ListBoxVal + ' tr:contains("' + filterString + '")').filter(function(i){ 

     return $(this).text().indexOf(filterString) == 0; 

    }) 

    //To set the css for first element in the filteredList 
    filteredList.eq(0).css({ fontWeight: "bold" });

來源

2011-08-08 20:39:37 ShankarSangoli

請參閱我更新的問題。 – webdad3

@Jeff - 看看我編輯的答案，希望對你有所幫助。 – ShankarSangoli

這非常好。我知道我沒有在我的問題中提及這一點，但如果我需要組合字符，它將如何改變？如果輸入'ch'，該怎麼辦？在我的名單中，我想強調'窒息'。用你的例子你會怎麼做？ – webdad3

$(...anything...).eq(0)會給你第一個結果。

來源

2011-08-08 20:35:07

請查看我更新的問題。 – webdad3

，匹配以子串開頭的文本，你需要實現一個新的選擇：

$.expr[':'].startsWith = function(obj, index, meta, stack){ 
  return ($(obj).text().indexOf(meta[3]) == 0); 
};

您還需要追加first selector：

$('#' + ListBoxVal + ' tr:startsWith("' + filterString + '"):first');

來源

2011-08-08 20:37:25

請參閱我更新的問題。 – webdad3

我會使用Padosley的正則表達式選擇器：http://james.padolsey.com/javascript/regex-selector-for-jquery/或匹配選擇器插件。

以^開始你的正則表達式，這意味着它必須以此開頭。

來源

2011-08-08 20:48:50

的jQuery包含：獲得

回答

相關問題