JavaScript로 가시성 확인이 작동하지 않습니다.

Question

"shape_7"이라는 이름의 요소가 표시되는지 확인하고 싶습니다. 나는 다음과 같은 자바 스크립트를 수행 할 때 그것을 잘 작동합니다 :

var element = shape_7; 

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

을하지만, 나는 다음과 같은 자바 스크립트를 수행 할 경우 는가 작동하지 않습니다 불행히도

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

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

, 내가 (번호와 두 번째 경우 필요 변수) 내 상황에서. 제대로 작동하려면 두 번째 코드를 어떻게 수정해야합니까?

도움을 주셔서 감사합니다. 당신이 window['shape_' + counter]처럼 뭔가를 할 수 있도록

Answer 1

당신은 는에 액세스 window 개체에 대한 당신의 shape_* 변수는이 전 세계적으로 정의 할 수 있습니다.

다시 수 있습니다. ...하지만 정말 그렇게 코딩해서는 안됩니다. 다음 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 }