Sichtprüfung mit JavaScript funktioniert nicht

Question

Ich möchte überprüfen, ob ein Element mit dem Namen "Shape_7" sichtbar ist. Wenn ich die folgende JavaScript ausführen es funktioniert gut:

var element = shape_7; 

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

Allerdings, wenn ich die folgende JavaScript ausführen es nicht Arbeit:

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

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

Leider habe ich den zweiten Fall benötigen (Anzahl als Variable) in meiner Situation. Wie muss der zweite Code korrigiert werden, damit er richtig funktioniert?

Vielen Dank im Voraus für jede Hilfe!

Answer 1

Sie können Zugriff auf Ihre shape_* Variablen auf dem window Objekt, wenn es global definiert, so dass Sie so etwas wie window['shape_' + counter] tun könnte.

Wieder Sie können ... Aber Sie sollten wirklich nicht so codieren. Stattdessen sollten Sie mit den Werten ein Array versuchen zu schaffen: var shapes = ['#first', '#second', '#third'];

Dann können Sie die Werte von Index zugreifen: $(shapes[0]);

Festlegen von Eigenschaften auf den window Objekte REMEMBER macht sie global, was bedeutet, Der gesamte Code kann diese Eigenschaftswerte abrufen und festlegen. Es ist daher eine schlechte Übung, und Sie sollten versuchen, es zu vermeiden. 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 }