1. ホーム
  2. javascript

[解決済み] 特定のテキストで始まるidのjQueryセレクタ [重複]。

2022-05-11 10:29:45

質問

このjQueryのコードを持っています。

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

しかし、私はいくつかの divs のようなidを持つ。 editDialog-0 , editDialog-1 , ...., editDialog-n .

これらをすべてjQueryのコードにするにはどうしたらいいでしょうか? ディバイス 上のような感じですか?

解決方法は?

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があるときにセレクタを更新しなければならないので、拡張性がありません。