Question

I have a large PHP generated table of users from a database. Each username has a link and I’m trying to make it where if you click that link, the link hides and a text box becomes visible so that you can change the username. Each textbox has an id that matches to the link caption. When I test var x in an alert, it shows up exactly how it’s supposed to, ex: ‘#username’. When I plug x into the selector of the show() function, however, it doesn’t work.

I know that code looks somewhat confusing but really all I’m trying to do is pass $this.html() to a selector for use in the .show() function.

            $(".userLink").each(function (){
                $(this).click(function(){
                    $(this).hide();
                    var x = ("'#"+$(this).html()+"'");
                    (x).show();
                    return false;
                });
            });

Answer 1

you don’t need the quotes in the selector string.

$(".userLink").click(function(){
  $(this).hide();
  var x = "#"+$(this).text();
  // alert(x); // should be #username (without quotes)
  $(x).show();
  return false;
});