jQuery: utilisation d'une variable comme sélecteur

Question

J'ai des problèmes pour utiliser une variable comme sélecteur pour un paragraphe sur lequel je veux agir. Plus précisément, j'ai plusieurs éléments de titre et le même nombre de paragraphes. Le résultat souhaité est que si je clique sur Title1 alors je prends une action sur le paragraphe 1. J'ai fait un cas simple à des fins de développement par lequel si je clique sur un titre alors le texte du paragraphe correspondant change de couleur. Si je code dur la solution, cela fonctionne mais en passant une variable à mesure que le sélecteur échoue.

Le jQuery est la suivante:

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'alerte retourne la variable suivante qui semble être correct et correspond à la version codée en dur. J'ai omis le html puisqu'il fonctionne dans la version hard coded je suppose qu'il n'y a aucun problème de ce côté.

J'apprécierais toute orientation sur ce que je fais mal et comment le corriger.

Merci

Answer 1

Vous pensez trop compliqué. En fait, c'est juste $('#'+openaddress).