Question

$.get(DL+"a=ts&q="+Q,function(data){
    $('.load').html(data);
});

从$ .get返回的数据被加载到.load类中。返回的数据有两部分。第一个是单个UL中的第N个数字。

<ul><li class="num id0"...

第二个，第N个UL（s），其类别为id0 - 第N个。

<ul class="list id0"...

将数据加载到类.load后，

$(document).on('click','.num',function(){
    var ID = $(this).attr('class');
    ID = ID.split(' ');
    ID = ID[1];
    alert(ID);
    $('.list').css('display','none');
    $('.list .'+ID).css('display','inherit');
});

警告具有正确ID的警报。但是，.list .idX不可见。

我猜它是b / c它不适用于DOM。所以，我的问题是，我如何使它可用，或者我如何使用.on（'not click'，'。list'，function（）..来做我需要的 - 或者我需要做什么让这个工作？

Answer 1

您应该不使用descendant selector：

$('.list.'+ID)
//     ^^ no space

这将选择类list 和类<whatever-ID-refers-to>的所有元素，而不是选择<whatever-ID-refers-to>后代的所有.list元素}。

我还建议不要在CSS类中编码列表ID，使用data-* attributes。

JQuery未来元素| 。上（）？

1 个答案: