我想要隐藏和访问的访问范围用班级名称表示目的& ID名称将以?

时间:2017-11-16 09:56:09

标签: javascript php jquery html

我想访问具有特定类和ID的span(id将以特定模式开头)

<span id='asd111' class="demo"></span>
<span id='asd122' class="demo"></span>
<span id='asd133' class="demo"></span>
<span id='asd144' class="demo"></span>

现在我想使用单个jQuery语句隐藏/显示上面的跨度。怎么办呢?所有span id都以常见asd1模式开头。

请尽快给我一点想法。

*我刚刚在这段代码中给出了示例..这些跨度在我的代码中以不同的嵌套div动态出现,所以我想隐藏那些具有那些id模式的&amp;班级名称???

3 个答案:

答案 0 :(得分:1)

我建议你看一下基本的jQuery选择器(https://api.jquery.com/category/selectors/)。

如果要隐藏具有特定ID和类名称的范围,则会有一个代码隐藏带有ID asd111和类demo的span:

$('#asd111.demo').hide();

答案 1 :(得分:1)

以下是使用JQuery执行此操作的示例。

$('#test').on('click', function(){
  $('span[id^="asd1"].demo').hide();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">Click Me</div>
  
<span id='asd111' class="demo">1</span>
<span id='asd122' class="demo">2</span>
<span id='asd133' class="demo">3</span>
<span id='asd144' class="demo">4</span>
<span id='asd133' class="test">5</span>
<span id='asd144' class="test">6</span>

答案 2 :(得分:0)

使用jQuery:

var asds = $('*[id^="asd"]');

for( var i = 0; i < dates.length; i++) { 
  $("asds:eq(" + i  + ")").hide();
}