如何从php中的序列化数组中检索特定数据

Question

我想要检索tiffin的数据并在其中显示tiffin div和午餐午餐div来自序列化数组。但我得到以下方式。文件是

午餐

蒂芬

这是我的代码

复选框：

<input type="checkbox" id="<?php echo $tiffen['tiffen_name'];?>" class="Foodmenu" value="<?php echo $tiffen['tiffen_name'];?>" name="tifeen[]" hidden>

<input type="checkbox"  id="<?php echo $lunch['lunch_name'];?>" class="Foodmenu" value="<?php  echo $lunch['lunch_name'];?>" name="lunch[]" hidden>

的jQuery

$(".Foodmenu").click(function(){
    var checkedFood = $('input[type=checkbox]:checked').map(function(){
        console.log($('input[type=checkbox]:checked').serialize());
        return $(this).attr('value');
    }).get().join("<br>");
    $("#selectedfood").html(checkedFood);
});

响应divs

  <li role="presentation" class="active"  ><a href="#tiffin" id="selectedfood" aria-controls="home" role="tab"  data-toggle="tab" >Breakfast  </a></li>
                    <li role="presentation"><a href="#lunch" id="selectedfood" aria-controls="profile" role="tab" data-toggle="tab"> <i></i> Lunch </a></li>
                    <li role="presentation"><a href="#dinner" id="selectedfood" aria-controls="messages" role="tab" data-toggle="tab"> Dinner </a></li>

如何从该数组中仅获取午餐数据以在响应div中显示