在javascript中的数组中获取所有按钮的ID答案

【问题标题】：Get the all button's id in an array in javascript在javascript中的数组中获取所有按钮的ID
【发布时间】：2014-10-01 03:55:38
【问题描述】：

在我的视图文件中，我有两个 div，在 div1 中有一些按钮，当我单击 div1 中的按钮时，它会转到 div2，而在 div2 中它会做同样的事情，这次它会转到 div1。

现在我的问题是，当 div2 中有多个按钮时，如何将所有按钮的 id 放入一个数组中。我想在另一个模型的隐藏字段中传递这个数组。

我尝试了以下方式，但它不起作用。这是我的脚本代码。

function movebutton(elem){
    var teamMember=[];
    if( $(elem).parent().attr("id") == "officers_list" ){
        $(elem).detach().appendTo('#add_member');
         teamMember.push($(elem).attr("id"));
    }
    else{
        $(elem).detach().appendTo('#officers_list'); 
        teamMember.pop($(elem).attr("id"));

    }
    $("#TeamTeamMember").val(teamMember);

    //console.debug('teamMember=>',teamMember);
}

【问题讨论】：

标签： javascript jquery arrays cakephp

【解决方案1】：

您可以使用地图功能。下面的代码将返回一个 id 数组。

$("#divId input[type='button']").map(function(index,element) { return element.id; });

【讨论】：

【解决方案2】：

teamMember 的范围是本地的。因此，每当您调用函数时，它都会创建新的空数组让它全球化

var teamMember=[];
       function movebutton(elem){
        if( $(elem).parent().attr("id") == "officers_list" ){
            $(elem).detach().appendTo('#add_member');
             teamMember.push($(elem).attr("id"));
        }
        else{
            $(elem).detach().appendTo('#officers_list'); 
            teamMember.pop($(elem).attr("id"));
        }
        $("#TeamTeamMember").val(teamMember);
        //console.debug('teamMember=>',teamMember);
    }

或者你可以使用$.map()函数

var teamMember = $("#add_member").find("button").map(function(){
return this.id;
}).get();

【讨论】：

【解决方案3】：

假设您的第二个 div 的 id 是 div2 并且您的按钮标有 input 标记，以下应该创建一个包含所需 div 中的所有按钮 id 的数组：

var btns = [];
$('#div2 input[type="button"]').each(function() {//if you are using the <button> markup just use $('div2 button').each(..)
   btns.push($(this).attr('id'));
});

希望这会有所帮助。

【讨论】：