0

私はjavascript/jqueryが初めてです。私は3つの画像を入れるli要素から選択しようとしています。divだから私はこの変数を持っています:

var x = ui.item.parent().children()[i]

はどれですかli（動作します、IDを確認しました）が、どうすればdivを取得できxますか？（その後、3つの画像すべてを変更できるのでz-index、画像を変更できますが、方法もわかりません）。

<ul>
   <li id="li1">
   <div>
       <img class="1" src="img1.jpg" style="position:absolute;z-index=1">
       <img class="2" src="img2.jpg" style="position:absolute;z-index=2">
       <img class="3" src="img3.jpg" style="position:absolute;z-index=3">
   </div>
   </li>
</ul>

これは私が書いたコードですが、機能していません (エラー: Uncaught TypeError: Object # has no method 'find' )

for(var i=0;i<ui.item.parent().children().length-4;i++){
    var x =ui.item.parent().children()[i];
    x.find('img').css('z-index', '2');  
                }
4

4 に答える 4

1

html を修正してください。あなたのULは、あなたのLIが終わる前に終わります。jQuery 要素を取得したら、.find()関数を使用してその子要素を検索できます。

例えば：

var x = $('li#yourid');

x.find('img').css('z-index', '2');
于 2013-05-31T12:57:16.467 に答える
0

その HTML が単なる例かどうかはわかりませんが、正しくフォーマットされていません。そのはず：

<ul>
    <li id="li1">
        <div>
            <img class="1" src="..."/>
            <img class="2"/>
            <img class="3"/>
        </div>
    </li>
</ul>

z-index を設定するには: $(x).find('img').css('z-index','100');

于 2013-05-31T13:04:24.980 に答える
0

このように使用します

$("ul li").children("div").find("img").each(function(){
     alert($(this).attr('class'));
});

デモを見る

于 2013-05-31T12:59:18.060 に答える