jquery - それぞれのjQuery関数

Question

ドキュメントには、さまざまな名前のフォームを含む約25のDIVがあります。DIVはすべて同じクラス名を持ち、次のようになります。

<div class="swoop" style="display:none">
  <form name="myFormXYZ" method="post">
    <input name="caption" type="hidden" value="19">
  </form>
</div>

「swoop」のクラスを持つすべてのDIVをチェックするjQueryコードを記述したいのですが、いずれかのDIVにxの値を持つ「caption」という名前の入力フィールドが含まれている場合、それらのDIVの表示プロパティを「block」に設定する必要があります"。xは1から1000までの整数になります。

これまでのところ、私はこれを思いついた：

$('.swoop').each(function() {
    var capt = $( ? ? ? ).attr('value()');
    if (capt == x) {$(this).css.(display','block')}
});

jQuery関数は、表示がnoneに設定されているDIVを反復処理することもできますか？

score 7 · Accepted Answer

さらに別の方法：

$('.swoop').has('input[name=caption][value=' + x + ']').show();

これは、代わりに属性セレクターを使用して、特定の値を持つ入力要素を検索します。.has渡されたセレクターに一致する子孫を持つ要素で要素をフィルター処理し.showます。これは自明である必要があります。

score 1 · Accepted Answer

var someInt = 7;    
$('.swoop').each(function() {
    var capt = $('input[name=caption]', this).val());
    if (capt == someInt) {$(this).css('display','block');}
});

score 1 · Accepted Answer

必要なもの：

$('.swoop').each(function() {
    var capt = $('input[name=caption]', this).val();
    if (capt == x) {$(this).css.('display','block')}
});

score 1 · Accepted Answer

$('.swoop input[name="caption"]').each(function() {
    var capt = $(this).val();
    if (capt == x) {
        $(this).closest('.swoop').css('display','block')
    }
});

score 0 · Accepted Answer

はい、jQueryは要素が非表示になっている場合でも要素にアクセスできます。

現在のアイテムをjQuery呼び出しのコンテキストとして使用して、その中の要素を探します。メソッドを使用しvalて入力の値を取得し、値を解析して文字列を数値に変換する必要があります。

var capt = parseInt($('input[name=caption]', this).val(), 10);
if (capt == x) { $(this).css('display','block'); }

score 0 · Accepted Answer

var v = 19;    
$('.swoop input[name=caption]').each(function () {
            var capt = $(this).attr('value');
            if (capt == v) { 
            $(this).parents("div").andSelf().css('display', 'block');
            $(this).attr({ type: '' }); }
        });

jquery - それぞれのjQuery関数

6 に答える 6

Related

Reference