2016-11-10 6 views
2

私はclassnameに一致するようにこの小さな部分を検索して変更するのに約4時間掛かっています。jQueryクラス名の間に任意の数字がある

マイページコードはいくつかの点で、この「オプション-274から82」

私のjQueryの関数のようにclassnamesで満たされているが表示するように任意のdiv要素を一致させようと、このようなものでなければなりません:

"option-" + ANYNUMBER + " - " +

jQuery('.option-274-'+id+' dd').fadeIn(); 

ID

"274" はそれだけで制御値だと私は理解して、正規表現式でなければなりません。

私の質問を読んでくれてありがとう。

+0

は、あなたが投稿できます助けを願っていますjqueryのの "で始まる" セレクタを使用することができますし、正しいID

var element = $("[class^='option-'] ").filter(funtion(){ return $(this).attr("class").match(new RegExp("option-\d*-" + id)) ; })[0]; 

を見つけるためにフィルタを使用することができますあなたのHTMLも? –

+0

'$( '。option-' + num + ' - ' + id).fadeIn()'? –

+0

コントロールの値と一致させようとしている場合、 '$( '[class * =" option-' + controlVal + ' - "]')fadeIn();' – Ronnie

答えて

0

使用属性がfilter()を使用してセレクタ

jQuery("[class$="+id+"] dd", document.querySelectorAll(".option")) 
4

で終わる、あなたは正規表現^option-\d+-\d+$に一致するすべてのdivを返すことができます。

$('div') 
 
    .filter(function() { 
 
     return this.className.match(/^option-\d+-\d+$/); 
 
    }) 
 
    .fadeIn(2000);
.option-1-2, .option-1-a { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: #555; 
 
    display:none; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="option-1-2"></div> 
 
<div class="option-1-a"></div>

関連する問題