クラス名＆ID名でhide＆show目的のアクセススパンが欲しいですか？

Question

私は今、私は、単一のjQueryのステートメントを使用してスパン以上/ショーを非表示にする

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

（idは特定のパターンで始まります）は、特定のクラスとidをspanにアクセスしたいです。どのようにこれを行うことができますか？すべてのスパンIDは共通asd1パターンから始まります。

私はできるだけ早く考えてください。

*私はちょうどこのコードの例を示しています。これらのスパンは異なるネストされたdivの私のコードで動的に来ているので、私はそれらのIDパターン&クラス名を隠したいですか？ jQueryを使って

Answer 1

：

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

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

Answer 2

私は基本的なjQueryのセレクタ（https://api.jquery.com/category/selectors/）を見てみることをお勧めしたいです。

あなたが特定のIDとクラス名とスパンを非表示にする場合は、IDのasd111とクラスのデモでスパンを隠しコードがある：ここでは

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

Answer 3

は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>