jquery < than and >より.width

Question

これを説明する最良の方法はわかりません。しかし、イメージの幅を見つけていて、200ピクセル未満の場合は200未満のクラスを親divに適用しています。

$('.content').find('img').each(function() { 
    var $this = $(this), width = $this.width(); 
     if (width < 200) { 
     $(this).parents('.container').addClass('under-200'); 
     } 
}); 

CSS：.container.under-200 {width: 200px}

これは正常に動作しますが、私は大きな画像で幅を適用するの難しさを抱えています。

したがって、600pxイメージの場合、jqueryは親divに600px幅を適用します。または434pxイメージは親divに434px幅を適用します。代わりに.parents()の.closest()を使用し、また

$(this).parents('.container').css("width", width); 

：

Answer 1

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

.parents()は、DOMをルート要素HTMLに渡し、THENはセレクタに基づいて結果をフィルタリングします。一方、.closest()は、一致が見つかるとすぐに停止します。

あなたは、単一のラインに至るまで、すべてのコードを沸かすことができます：

$(this).closest('.container').css("width", (width < 200 ? 200 : width)); 

ホープ、この助けました！あなたが書くことができるように

Answer 2

width()は、setter formがあります

$(".content img").each(function() { 
    var $this = $(this), 
     $containers = $this.parents(".container"), 
     width = $this.width(); 
    if (width < 200) { 
     $containers.addClass("under-200"); // Set class. 
    } else { 
     $containers.width(width);   // Set width. 
    } 
}); 

Answer 3

たぶん、あなたはint型への '幅' を解析する必要がありますか？幅は確かに少ない200以上である場合はtrue

if (width < 200) 

は作品だけを返すように、私は幅が文字列であるため、それが今では常にtrueを返すことを想像できますか？