如何获取数组中的兄弟姐妹ID？

Question

Hi can you please tell me how to get all id's in array of siblings. I got the length of sibling. Now How to get id's of that in an array . .

In a pic if user have 3 children. If it is click "First level" it show "3",If user click menu_tc_1 it show 0 .. or same in menu_tc_2 , menu_tc_3 . how to get ids of sibling in an array. I try this but not get id's

$(document).on('click'," ul li > a",function(e){
     //alert($(this).siblings().length);

    //first method..
    console.log($(this).siblings().length);
     /*var id=$(this).parent().attr("id") || $(this).parents("ul").attr("id");
    console.log(id);*/

     var selEl = [];
   $(this).siblings().each(function (idx, el) {
       selEl.push('#' + el.id);
   });
    console.log(selEl)

   // alert(id);
  //  getViewFromPanel();
})

Answer 1

Use .attr()

   var id=0;
   $(this).siblings().each(function (idx, el) {
       id=el.attr('id');
       selEl.push('#' + id);
   });

Answer 2

Use .map() and the id property

var selEl = $(this).parent().siblings().map(function (idx, el) {
    return this.id
}).get();

Demo: Fiddle

Answer 3

Try this,

var arr=$(this).siblings().map(function () {
    return '#' + this.id;
}).get();
console.log(arr);

Live Demo

Updated according to your scenario there are no siblings of a try this,

var selEl = [];
$(this).closest('ul').find('li').each(function (idx, el) {
// -----^ using closest and find, as there are no siblings of a
 selEl.push('#' + el.id);
});
console.log(selEl);

Updated demo

Also if you want to use siblings then use click event on li not on anchor tag like,

$(document).on('click', " ul li", function (e) {
    // use click event on li not on anchor tag

    //alert($(this).siblings().length);

    ......
    var selEl = [];
    $(this).siblings().each(function (idx, el) {
        selEl.push('#' + el.id);
    });
    console.log(selEl);
    .....
});

Li sibling demo