首頁猿問 id的jquery選擇器以特定文本開頭

id的jquery選擇器以特定文本開頭

JavaScript JQuery

三國紛爭 2019-08-19 15:19:12

id的jquery選擇器以特定文本開頭我有這個jQuery代碼：$( "#editDialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 }});但我有幾個像id這樣的div：editDialog-0，editDialog-1，....，editDialog-n。如何為所有這些div創(chuàng)建一個jQuery代碼，如上所述？

查看完整描述

3 回答

有只小跳蛙

TA貢獻(xiàn)1824條經(jīng)驗獲得超8個贊

使用jquery 以屬性選擇器開始

$('[id^=editDialog]')

替代解決方案 - 1（強烈推薦）

更清晰的解決方案是為每個div添加一個公共類并使用

$('.commonClass')。

但是如果html標(biāo)記不在您的手中并且由于某種原因無法更改它，您可以使用第一個。

替代解決方案 - 2（不推薦，如果n is a large number）（根據(jù)@Mihai Stancu的建議）

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

注意：如果有2個或3個選擇器，并且列表沒有更改，這可能是一個可行的解決方案，但它不可擴展，因為我們必須在城鎮(zhèn)中有新ID時更新選擇器。

反對回復(fù) 2019-08-19

嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗獲得超7個贊

為所有div添加一個公共類。例如，將foo添加到所有div。

$('.foo').each(function () {
   $(this).dialog({
    autoOpen: false,
    show: {
      effect: "blind",
      duration: 1000
    },
    hide: {
      effect: "explode",
      duration: 1000
    }
  });});

反對回復(fù) 2019-08-19