jQuery: utilizzo di una variabile come selettore

Question

Sto riscontrando problemi nell'utilizzare una variabile come selettore per un paragrafo su cui voglio agire. In particolare, ho diversi elementi titolo e lo stesso numero di paragrafi. Il risultato desiderato è che se faccio clic su Title1, eseguo un'azione sul paragrafo 1. Ho fatto un semplice caso per scopi di sviluppo, per cui se faccio clic su un titolo, il testo del paragrafo corrispondente cambia colore. Se eseguo il codice fisso della soluzione, funziona ma passa una variabile non appena il selettore fallisce.

Il jQuery è la seguente:

jQuery(document).ready(function($){ 
     $(this).click(function(){ 

     var target=(event.target.id);// Get the id of the title on which we clicked. We will extract the number from this and use it to create a new id for the section we want to open. 
     alert(target);// checking that we are getting the right value. 
     var openaddress=target.replace(/click/gi, "section");//create the new id for the section we want to open. 
     alert('"#'+openaddress+'"');//Confirm that the correct ID has been created 
     $('"#'+openaddress+'"').css("color", "green");//get the id of the click element and set it as a variable. 
     //$("#section1").css("color", "green");//Test to confirm that hard coded selector functions correctly. 

      return false;// Suppress the action on the anchor link. 
      }); 


    }); 

L'avviso restituisce la seguente variabile che sembra essere corretta e corrisponda la versione hard coded. Ho omesso l'html dato che funziona nella versione hard coded presumo che non ci siano problemi da quel lato.

Apprezzerei qualsiasi guida su cosa sto facendo male e su come correggerlo.

Grazie

Answer 1

Stai pensando troppo complicato. In realtà è solo $('#'+openaddress).