javascript - 这些泛型类如何在不同的 div 之间区分？

Question

我正在为游戏创建一个通知系统，其工作方式类似于通知在手机中的工作方式。

通知都是最初创建的，隐藏的，后来游戏应该从游戏中的触发器中“激活”某些通知。

我在尝试将通知按类别分开时遇到了问题。每个通知都以一个只有标题可见的小矩形框开始。单击后，通知会展开并且说明会显示。

现在，单击通知确实会展开该通知并显示其通知，但任何其他通知也会显示它们的描述。

示例代码:

var NotificationItems = new Array();

scope.registerNotification = function(title, description)
{

    //add it to the array
    NotificationItems.push(new scope.Application(title, description));

    var $NotificationContainer = $("#NotificationContainer");
    $NotificationContainer.append('<div class="Notification" title="'+title+'"></div>');
    var $thisNotification = $NotificationContainer.children('.Notification[title='+title+']');
    $thisNotification.append('<div class="NotificationTitle">'+title+'</div>');
    $thisNotification.append('<div class="NotificationDescription">'+description+'</div>');
    $(".NotificationDescription").hide();

    $thisNotification.click(function()
    {
        $(this).toggleClass('expanded');
        $('.NotificationDescription').slideToggle('slow');
    });
}

如何让 .NotificationDescription 为每个通知唯一识别？

Answer 1

你可以试试 .children() 方法:jQuery docs for children method

$thisNotification.click(function()
{
    $(this).toggleClass('expanded').children('.NotificationDescription').slideToggle('slow');
});