0

これは簡単かもしれませんが、li タグ内にある img タグの src を変更したいと考えています。4 つの li タグがあり、クラスがアクティブな li タグのみが img タグの src を変更する必要があります。

<ul>
   <li><img src="example.jpeg" /></li>
   <li class="active"><img src="Notexample.jpeg" /></li>
   <li><img src="example.jpeg" /></li>
   <li><img src="example.jpeg" /></li>
</ul>

さらに、アクティブなクラスは li タグを切り替えてソースを変更します...

4

3 に答える 3

1 
...
...
//code where you are changing the class
...
...

$('li').each(function() {
    if($(this).attr('class').indexOf("active") !== -1)
    {
        //Active class is applied
        $(this).children().children().attr("src", "assets/img/button_home_selected3.png");
    }
    else
    {
        $(this).children().children().attr("src", "assets/img/button_home_plain.png");
    }
});

...
...
于 2013-02-08T11:26:19.070 に答える
1

これを試して...

$("li.active img").attr("src", "notexample.jpg");

アクティブなクラスを持つ li を変更した場合は、そのコードを再度実行する必要があります。

アクティブなクラスを失ったときに src を元に戻したい場合は、これを行います...

$("li:not(:has(.active))".attr("src", "example.jpg");
于 2013-02-08T11:18:23.560 に答える
1

jqueryの子孫セレクターを使用してattr()で実行します。

$('li.active img').attr('src', 'newval')
于 2013-02-08T11:18:38.387 に答える