Извлечение объекта из массива на основе ID

Question

У меня есть массив (myElems) с объектами (элементами списка). Я хотел бы выловить из этого массива элемент с ID, соответствующий 'foo'. строка «Foo» в настоящее время хранится в вар «targetItem» Последнее, мне нужно, чтобы захватить, что соответствие position.top элемента

var targetItem = 'foo'; // value of this var is set dynamically 
$(myElems).grep(function(ele){ 
retun ele.id == menuItem; 
}); 
var loc = // [returned from array].position.top; 

... да, я знаю, что это мешанина ... Я не» знаю, как синтаксис этой

Благодарности

EDIT: создание myElems

var myElems = []; 

    $('#menu').children('li').each(function() { 
     myElems.push($(this)); 
    }); 

HTML:

<ul id="menu"> 
    <li id="foo">FOO ITEM</li> 
    <li id="boo">BOO ITEM</li> 
</ul> 

Answer 1

Лучший способ, которым я могу думать о неосновной руке, чтобы просто перебрать массив и идти оттуда, используя Grep

$.grep(myElems,function(value,id){ 
    return id == targetItem; 
}); 

Позвольте мне знать, если это работает для вас, то я буду править мой ответ на основе ваших комментариев. Это лучшее, что я могу дать вам, учитывая ваш код.

Answer 2

В ваниль js.

el = myElems.filter(function (elem) { 
    return elem["id"] == "foo"; 
}) 

Это даст вам массив элементов, соответствующих «foo». Затем вы можете проверить, если у вас есть что-то там:

if(el.length > 0) el = el[0] 

Answer 3

JS

var ele = $('#foo').attr('id') 
var myElems = []; 

$('#menu').children('li').each(function() { 
    myElems.push($(this).attr('id')); 
}); 

var targetItem = 'foo'; // value of this var is set dynamically 
var newelement = $.grep(myElems, function(ele, i){ 
         return ele == targetItem ; 
        //console.log("This is the position of matched item - ", + i); 
        }); 

Fiddle: http://jsfiddle.net/Xt6Wh/2/

Проверьте ele.id получает требуемое значение. В скрипке я беру значение от div - просто чтобы показать, что логика работает. Я не уверен, откуда вы получаете ele.id. Поэтому я принял это предположение.

Answer 4

// To get the correct element you can just stick to CSS id selector: 
var target = $('#menu').children('li#' + targetItem); 
// to get the CSS top value you can do 
var top = target.css("top"); 

Конечно, вы можете проверить на target.length если есть случай, когда нет целевого элемента нет.

http://jsfiddle.net/jeVSJ/