Jquery 在隐藏的div中显示div

我在一个div中有两个div，我想一次只显示一个div

<div class="songContent">
    <div id="song1"> song 1 </div>
    <div id="song2"> song 2</div>
</div>

任何帮助都将不胜感激， 谢谢，像这样的东西

function showSong(songId){
    $('#'+songId).show().siblings().hide();
}

---

如果您构建的选择器字符串看起来像

#song1 div

，它将找不到您的

song1

div。您需要类似

div#song1

的内容

例如：

function showSong(songId){  
    $('.songContent div').hide();
    var sel = '#'+songId;
    $( 'div' + sel).show()
}

---

但是by id选择器本身（

sel

）应该起到选择器的作用。

如果在启动过程中一次只显示一个，则只需使用切换即可

$('#show').click(function(){
       $('div[id^=song]','#songContent').toggle();
});

---

谢谢你，这就成功了！！请看我的答案，你可以在一行使用切换。

function showSong(songId){  
    $('.songContent div').hide();
    var sel = '#'+songId;
    $( 'div' + sel).show()
}

$('#show').click(function(){
       $('div[id^=song]','#songContent').toggle();
});