隐藏从另一个已加载元素加载的元素

Question

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

的script.js

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

music.txt：

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

所以 music.txt 加载歌曲列表。并且ach歌曲列为<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();