値で子タグを選択してダブルクリック

Question

私はクラスi15の子タグを持つクラスi11を持ついくつかのタグを持っています。これらの子タグのうち特定の1つを値folder（未知の変数）で選択する必要があります。 が良く、ここで説明するためにAHTMLコードスニペットです：

<div class = "i11"> 
    <input type = "text" 
     class = "i15" 
     style = "display: none;" /> 
    <input type = "text" 
     class = "i16" 
     style = "display: none;" /> 
    //other non-relevant html fields 
</div> 
//code above repeated 'x' amount of times 

私はそれが選択されているとき、それは機能をトリガし、クリックされたi11年代i15値の値を格納することをオプションでコンテキストメニューを持って、私はそれから選択する必要がありますその具体的なi15関数では、私はこれらのi11 divsの任意の数がある可能性があり、動的に作成されるので、個々のIDを設定することはできません。

私はそれを選択しようとしたコードはでした：

function a25() { 
    var folder = $('#iFO').val(); 
    if (('.i11').children('.i15').val() == folder) { 
    $(this).dblclick(); 
    console.log('yay!'); 
    } else { 
    console.log("nothing :("); 
    } 
} 

すべてのヘルプは大歓迎です。

EDIT：folderに格納されている値を使用して要素の値ではなく、要素または親要素自体を選択してから、ダブルクリックイベントをトリガーする必要があります。私が正しくあなたの要件を理解している場合

Answer 1

を1つだけの要素が選択されている場合でも、クラスセレクタを使用して、jQueryのラッパーオブジェクトにラップバック配列を、取得します。 （あなたがIDを使用していないので、可能性が高い）同じクラスで複数の子がある場合、子供をループしてみてください、また

$('.i11').children('.i15').get(0).val() == folder//etc... 

：したがって、あなたはそうのような要素自体を取得する必要があります：

$(parentElement).children('.i15').each(function() 
{ 
    if ($(this).val() === folder) 
    { 
     console.log($(this));// || console.log($(this).closest('.i11')); 
    } 
}); 

もう1つのことは、明示的にバインドされたイベントとそのハンドラをトリガすることです。代わりに$(this).dblclick();を試してください。$(this).trigger('dblclick');を試してください。 あなたの質問をすべて誤解しているかもしれませんが...もしそうなら：お気軽に

Answer 2

、これを試してみてください。

function a25() { 
    var folder = $('#iFO').val(); 
    var $el = $('.i11').children('.i15'); 
    if ($el.val() == folder) { 
     $el.select(); 
     console.log('yay!'); 
    } 
    else { 
     console.log("nothing :("); 
    } 
}