[解決済み] jQuery: セレクタとして変数を使用する [重複].

質問

アクションを起こしたい段落のセレクタとして、変数を使用することに問題があります。 具体的には、いくつかのタイトル要素と同じ数の段落があります。望む結果は、もし私がTitle1をクリックしたら、paragraph1に対してアクションを起こすということです。開発用に、タイトルをクリックすると、対応する段落のテキストの色が変わるという簡単なケースを作りました。 ハードコードするとうまくいくのですが、セレクタとして変数を渡すと失敗します。

jQueryは以下の通りです。

    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.
            });


    });

アラートは次のような変数を返します。 これは正しいように見え、ハードコードされたバージョンと一致します。 ハードコードされたバージョンで動作しているので、そちらでは問題がないものと思い、htmlを省略しました。

何が間違っているのか、どう修正すればいいのか、ご指導いただければ幸いです。

ありがとうございます

解決方法は？

あなたは複雑に考えすぎています。実はこれ、ただの $('#'+openaddress) .