jquery - 隐藏从另一个加载的元素加载的元素

Question

在我的主页中，我有一个“音乐”按钮，它加载了 music.txt

脚本.js

$("#music").load("music.txt");
$(document).on('click', '.song',  function (){ 
    var songDetails= $(this).closest('li').attr('id');
    $(this).load(songDetails+'.txt'); 
});

音乐.txt：

<span class="song"> bl </span> 

所以music.txt加载歌曲列表。并且每首歌曲都被列为<li>.

例如，在hotelcalifornia.txt中：

<div class="details">
Eagles, 4:30, Sony Music
<span class="minimize"> Minimize </span> 
</div>

现在，当我点击时，我会得到歌曲的详细信息。但我不能最小化/消失它。

$(document).on('click', '.minimize',  function () { $('.details').hide(); });

不起作用。

Answer 1

替换这个：

$('.details').hide();

在您发布的当前代码中使用此代码：

$(this).parent().hide();