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';
}

问题是，当我点击＆＃34;信息＆＃34;按钮，它会影响所有div，但我需要它才会影响单击按钮的div。

如果我点击BRIAN FARGO的信息，它应该只显示/隐藏/影响BRIAN FARGO＆＃39; S bio。并非所有其他发言者。

Answer 1

我不明白为什么你的函数名为swap（），当它所做的只是将一个元素的display属性更改为block（默认情况下已经是这样）并将另一个元素显示为none时无效地隐藏它

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

Jquery / Javascript隐藏/显示li中的div

1 个答案: