Jquery按类替代选择

时间:2013-04-25 08:20:24

标签: jquery html css

我有两个html元素(span和input),它们代表相同的用户属性。在我的JQuery脚本中,我想要选择这两个元素。我发现这样做的唯一方法是指定不同的ID并执行两个查询

$("#span\\.firstName")
$("#input\\.firstName"). 

目前我正在寻找另一种解决方案。我想使用class属性(在span和input上指定class firstName然后执行

$(".firstName")

),但CSS尚未就绪,我不知道哪些类 将是必需的,所以我不能使用它。您是否知道,如果存在执行此选择的任何其他解决方案,例如类属性。

<td>
  <div>
     <span id="span.firstName">${user.firstName}</span>
     <span id="span.lastName">${user.lastName}</span>
  </div>
  <div>
     <span>First name</span><input id="input.firstName" value="${user.firstName}"/>
     <span>Last name</span><input id="input.lastName" value="${user.lastName}"/>
  </div>
</td>

3 个答案:

答案 0 :(得分:3)

你实际上可以这样做一个选择器:

$("[id*='firstName']") // this will give both span and input of firstName etc

<强> Official Document

答案 1 :(得分:1)

您可以使用Attribute Contains Selector [name*="value"]执行此操作:

$('[id*="firstName"]')

FIDDLE

答案 2 :(得分:0)

您可以使用Multiple Selector$('#id1, #id2')