jQuery:使用变量作为选择器

时间:2013-06-13 22:04:15

标签: jquery variables jquery-selectors

我在使用变量作为我想要采取行动的段落的选择器时遇到问题。 具体来说,我有几个标题元素和相同数量的段落。期望的结果是,如果我点击Title1然后我对第1段采取行动。我为开发目的做了一个简单的例子,如果我点击一个标题,那么相应段落的文字会改变颜色。 如果我对解决方案进行硬编码,那么当选择器失败时传入变量。

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


    });

警报返回以下变量 alert returned showing the value of the variable 这似乎是正确的,并与硬编码版本相匹配。 我省略了html,因为它在硬编码版本中工作,我认为那边没有问题。

我很欣赏任何关于我做错了什么以及如何纠正错误的指导。

由于

1 个答案:

答案 0 :(得分:145)

你觉得太复杂了。它实际上只是$('#'+openaddress)