javascript - jQuery - 変数のサフィックスを選択し、配列内で一致するものを見つける方法

Question

オプションの配列があります：

var options = ["foo_A", "foo_B", "foo_C", "foo_D"];

...そして、ユーザーが次の要素のいずれかをクリックすると...

<div id="bar_A"> </div>
<div id="bar_B"> </div>
<div id="bar_C"> </div>
<div id="bar_D"> </div>

...次の変数を設定します。

var currentBar = $(this).attr('id');

...次に、options 配列を検索して、currentBar のサフィックスと一致するサフィックスを持つアイテムを見つけたいと思います。次のようなものです。

 $.each(options, function(i,v){
 if (v's suffix matches the currentBar's suffix){

 //function to do something

}

Answer 1

$.each(options, function(i,v){
    if (options[i].split("_")[1] == currentBar.split("_")[1]){

   //function to do something

}

Answer 2

splitcurrentBar で関数を使用する必要があります

var Extract = currentBar.split('_');
// Extract[0] will be bar and Extract[1] will be the letter

その後、2 番目の値は文字になり、一致します。

var Key = indexOf('foo_' + Extract[1], options);

alert(options[Key]);