在jquery中处理多个id

Raj*_*eev 69 jquery jquery-selectors

可以像在代码中一样处理多个ID

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>
Run Code Online (Sandbox Code Playgroud)

Nic*_*ver 117

是的,#id选择器结合多选择器(逗号)在jQuery和CSS中都是完全有效的.

然而,你的榜样,因为<script>来自之前的元素,你需要一个document.ready处理器,所以它一直等待,直到元素在DOM去寻找他们,就像这样:

<script>
  $(function() {
    $("#segement1,#segement2,#segement3").hide()
  });
</script>

<div id="segement1"></div>
<div id="segement2"></div>
<div id="segement3"></div>
Run Code Online (Sandbox Code Playgroud)

  • @Rajeev - 不,这不是一个自我关闭的元素:) (3认同)
  • @Reveclaire如果必须的话,请使用 [“starts with” 属性选择器](http://api.jquery.com/attribute-starts-with-selector/),如下所示: `$("[id^=segment] ").hide()`(将其范围稍微限定为父级)并不是一个坏主意)。 (2认同)