javascript - Jquery/Javascript 在 li 中隐藏/显示 div

Question

我在一个页面上有很多 div，例如下面这个使用相同类的具有不同信息的 div。

<div class="one-third">
    <ul class="img-list">
        <a href="#" target="_blank">
            <li>
                <img src="#" alt="" />
                <span class="text-content"><h3 style="color:white" id="one">BRIAN FARGO</h3></span>
                <h5 class="text-content-desc" id="two">CEO, inXile entertainment</h5>
                <a href="https://twitter.com/BrianFargo">
                <img class="speaker-twitter-profile" src="#"></a>
                <div class="info-btn" onClick="swap('one','two')">info</div>
            </li>
        </a>
    </ul>
</div>

一个javascript函数是:

function swap(one, two) {
    document.getElementById(one).style.display = 'block';
    document.getElementById(two).style.display = 'none';
}

问题是，当我点击“信息”按钮时，它会影响所有的 div，但我需要它只影响点击按钮的 div。

就像我点击 BRIAN FARGO 的信息一样，它应该只显示/隐藏/影响 BRIAN FARGO 的个人简介。不是所有其他演讲者。

Answer 1

我不明白为什么你的函数名为 swap() ，它所做的只是将一个元素的显示属性更改为 block (默认情况下它已经是)并将另一个元素显示更改为无有效隐藏它。

如果您有许多具有相同 ID 的 div，那也可能是您的问题。每个元素的id应该是唯一的