jQuery匹配菜单中的文本并附加

Question

我有以下jQuery遍历每个菜单项，然后将a标记内的文字与menuitem到ajax()

进行匹配

我要做的是将data.name与name匹配，以便我append() .main-menu ul li a .sub-menu使用ajax()中的正确项目}

$('.main-menu > ul > li > a').each(function(){
    var name = $(this).text();
    name = name.replace(/\s+/g, '-').toLowerCase();
    $.ajax({
        type: "POST",
        url: "file.php",
        data: "name="+name,
        dataType: "json",
        success: function(data) {
            if ($('.main-menu > ul > li > a:contains('+data.name+')').length > 0) {
                $(this).find('.sub-menu').append(data.menuitem);
            }
        }
    });
});

Answer 1

$('.main-menu > ul > li > a').each(function(){
    var name = $(this).text();
    name = name.replace(/\s+/g, '-').toLowerCase();
    $.ajax({
        type: "POST",
        url: "file.php",
        data: "name="+name,
        dataType: "json",
        success: function(data) {
            name = data.name;
            name = name.replace('-', ' ');
            name = toTitleCase(name);
            $('.main-menu > ul > li > a').each(function(){
                if($(this).text() == name) {
                    $(this).parent().find('.sub-menu').prepend(data.menuitem);
                }
            });
    }
    });
});