jquery - jqueryで配列内のオブジェクトの幅を変更する方法

Question

次のようなHTMLコードにいくつかの要素があります。

<DIV id="slideshow-container">
    <DIV id="slideshow">
        <ul>
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
    </DIV>
</DIV>  

次に、li 要素を取得し、その幅を jquery で設定します。しかし、私のコードは機能しません。
以下は私のコードです：

var slides = $('#slideshow li');
var w=$('#slideshow').width();

for(var j=0;j<slides.length;j++){
    slides.get(j).css('width',w);
}

私の間違いがどこにあるか知っていますか？
ありがとう。

Answer 1

実はこれ…

slides.css('width', w);

...で十分なはずです。ドキュメント.cssを引用して、セッターとして使用されるように：

...一致した要素ごとに1 つ以上の CSS プロパティを設定します。

デモ。

Answer 2

私は変更します：

for(var j=0;j<slides.length;j++){
    slides.get(j).css('width',w);
}

に：

$('#slideshow li').each(function(){
    $(this).width(w);
});

Answer 3

交換してみる

for(var j=0;j<slides.length;j++){
    slides.get(j).css('width',w);
}

と

slides.each(function () {
    $(this).css('width', w + 'px');
});

Answer 4

変化する

 slides.eq(j).css('width',w);

に

 slides.eq(j).css('width',w+'px');

x.width() return 80

その中にcssいる間unit：

x.css('width','80px')

Answer 5

slides.get(j)<li>jQuery オブジェクトではなく、各 の DOM オブジェクトを返します。

これはうまくいくはずです：

$( slides.get(j) ).css('width',w);

または、forループの代わりに:

slides.each(function () {
    $(this).css('width', w);
});

Answer 6

これらの要素の配列を作成していますが、実際にはビューでそれらを変更し、を使用して変更する必要がありeachますthis

var w=$('#slideshow').width();
$("#slideshow ul li").each(function() {
    $(this).css("width", w);
});