我想访问具有特定类和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;班级名称???
答案 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();
}