0

div (国に該当する空港) の表示要素にキーストローク ベースの検索を実装しています。つまり、キーアップ イベントごとに、一致するフレーズ (大文字と小文字を区別しない) をテキストに持たないすべての要素を非表示にします。

もう 1 つの問題は、国 ID に一致する要素に対してのみ検索を実行できることです。

html (C# Razor) は次のとおりです。

<div class="airport" id="airport-c@(airport.CountryId)-" name="airport-a@(airport.AirportId)-">
  <a ...etc>
    @airport.Airport <span class="airport-country">@airport.Country</span>
  </a>
</div>

国 ID と一致しない要素を非表示にするこの JavaScript がありますが、これを拡張して検索一致を含める必要があり、これを達成する方法がわかりません。

$('[id^="airport-c"][id!="airport-c' + countryId + '-"]').hide();
4

2 に答える 2

0

次のようになります。

$("a:contains('"+your_search_term+"')", "#airport-c" + countryId + "-");

上記のステートメントは<a>、id の div 内にある検索語を含むすべての要素と一致します。#airport-c" + countryId + "-"

動作デモを参照してください。

于 2013-06-22T10:52:11.997 に答える