☰

IDのjQueryセレクターは特定のテキストで始まります [重複] 質問する

tag-icon • tag-icon javascript jquery
IDのjQueryセレクターは特定のテキストで始まります [重複] 質問する

次の jQuery コードがあります:

$( "#editDialog" ).dialog({
  autoOpen: false,
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});

しかし、私はいくつか持っていますdiv要素ID は次のようになります: editDialog-0、、editDialog-1....、editDialog-n。

これらすべてのjQueryコードを作成するにはどうすればいいでしょうかdiv要素、上記のようなものですか?

ベストアンサー1

jQueryを使用するで始まる属性セレクタ

$('[id^=editDialog]')

代替ソリューション - 1 (強く推奨)

よりクリーンな解決策は、各divに共通のクラスを追加して使用することです。

$('.commonClass')。

ただし、HTML マークアップが手元になく、何らかの理由で変更できない場合は、最初の方法を使用できます。

代替ソリューション - 2(次の場合は推奨されませんn is a large number) (@Mihai Stancu の提案による)

$('#editDialog-0, #editDialog-1, #editDialog-2,...,#editDialog-n')

注: セレクターが 2 つまたは 3 つあり、リストが変更されない場合、これはおそらく実行可能なソリューションですが、新しい ID が追加されたときにセレクターを更新する必要があるため、拡張可能ではありません。

おすすめ記事