选择器

Question

在我的DOM中，我有一个动态生成对话框的表。 DOM中的对话框将具有以下形式的ID：

• id="page:form:0:dlg"
• id="page:form:1:dlg"
• id="page:form:2:dlg"

现在我想使用jquery选择对话框：

$("#page\\:form\\:0\\:dlg")

这当然只适用于第一个。我可以在选择器中以某种方式指定通配符吗？ $("#page\\:form\\:*\\:dlg")

由于

Answer 1

由于所有内容都遵循相同的模式，因此您可以使用^选择器：

$('[id^="page\:form"]')

另外，请勿使用双\\。奇怪的是，它可以使用或不使用\。

<强>段

＆＃13;

＆＃13;

$(function () {
  $('[id^="page\:form"]').css({
    "background": "red",
    "color": "white"
  });
});

＆＃13;

div {padding: 15px;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="page:form:0:dlg">Should turn red</div>
<div id="something:0">Should not turn red</div>
<div id="page:form:1:dlg">Should turn red</div>
<div id="something:1">Should not turn red</div>
<div id="page:form:2:dlg">Should turn red</div>

＆＃13;

＆＃13;

＆＃13;