javascript - 如何在 jQuery 中更改事件 img 源时更改类

Question

<img src="../images/sideGameMenu1.png"/ class="winner-nameMoolar" ">
<div class="game-star" style="height: 198px; overflow: hidden;">
    <ul>
        <li class="Active">
            <div class="game-star-icon"></div>
            <img src="../images/sideGameMenu1.png"/ class="winner-nameMoolar" ">
            <h3 class="winner-name">Major Millions<br>RMB 1000.00</h3>

            <!-- <p>RMB 625.78</p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">Major Moolah<br>RMB 3,266.41</h3>
            <!-- <p></p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">Major Moolah Isis<br>RMB 4,982.78</h3>
            <!-- <p></p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">发大财<br>RMB 8,888.88</h3>
            <!-- <p>RMB 396.42</p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">我发我发我发发发<br>RMB 9,999.99</h3>
            <!-- <p>RMB 28.89</p> -->
        </li>
    </ul>
</div>

当 class 中的 li = "Active"而 "winner-nameMoolar"类保留时，我想更改图像源。

只改变图像源的特殊性如下，类保持不变。

请多多指教

<img src="../images/sideGameMenu1.png"/ class="winner-nameMoolar" ">

我的 HTML:

<div class="game-star" style="height: 198px; overflow: hidden;">
    <ul>
        <li class="Active">
            <div class="game-star-icon"></div>
            <img src="../images/sideGameMenu1.png"/ class="winner-nameMoolar" ">
            <h3 class="winner-name">Major Millions<br>RMB 1000.00</h3>

            <!-- <p>RMB 625.78</p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">Major Moolah<br>RMB 3,266.41</h3>
            <!-- <p></p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">Major Moolah Isis<br>RMB 4,982.78</h3>
            <!-- <p></p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">发大财<br>RMB 8,888.88</h3>
            <!-- <p>RMB 396.42</p> -->
        </li>
        <li>
            <div class="game-star-icon"></div>
            <h3 class="winner-name">我发我发我发发发<br>RMB 9,999.99</h3>
            <!-- <p>RMB 28.89</p> -->
        </li>
    </ul>
</div>

Answer 1

我希望这段代码能帮到你..

if ( $('ul > li').hasClass('Active')){
        $('ul > li.Active').children('img').attr('src', 'here write path you want');
}

我检查了这段代码并且非常适合我。