Проверка видимости с JavaScript не работает

Question

Я хочу проверить, есть ли элемент с именем «shape_7». Когда я выполняю следующий JavaScript работает нормально:

var element = shape_7; 

if($(element).is(':visible')) 
{ 
//my code 
} 

Однако, если я выполнить следующий JavaScript это не работы:

var counter = 7; 
var element = 'shape_' + counter; 

if($(element).is(':visible')) 
{ 
//my code 
} 

К сожалению, мне нужен второй случай (число, как переменная) в моей ситуации. Как второй код должен быть исправлен для правильной работы?

Благодарим вас за любую помощь!

Answer 1

Вы может доступ ваши shape_* переменных на window объекте, если он определен в глобальном масштабе, так что вы могли бы сделать что-то вроде window['shape_' + counter].

Снова вы можете ... Но вы действительно не должны так кодироваться. Вместо этого вы должны попытаться создать массив со значениями: var shapes = ['#first', '#second', '#third'];

Тогда вы можете получить доступ к значениям по индексу: $(shapes[0]);

ПОМНИТЕ

Настройка свойств на window объектов делает их глобальными, а это означает, весь код может получить и установить эти значения свойств. Поэтому он рассматривает плохую практику, и вы должны стараться избегать ее. Look into IIFE's

Answer 2

var counter = 7; 
var element = 'shape_' + counter; 
if($('#'+ element).is(':visible')){//my code} 

//or you can use .length if it is visible in the DOM 
if($('#'+ element).length){//my code }