我有一些类似的文字("更多关于我们"),当我再次点击时点击并更改后,我已将其更改为另一个("减去我们").但现在我需要一个解决方案,当我点击一个(例如第一行,只有一次),然后点击另一个(这次是第二行),第一行(现在显示"少关于我们")改回"更多关于我们"虽然第二行仍然改为"少关于我们".
HTML
<span class="more">More about us</span><br/><br/>
<span class="more">More about us</span><br/><br/>
<span class="more">More about us</span><br/><br/>
<span class="more">More about us</span><br/><br/>
<span class="more">More about us</span>
JS
$('.more').click(function() {
var s = $(this);
s.html(s.text() == 'More about us' ? 'Less about us' : 'More about us');
});