javascript - Jquery : Append jquery variable to a class name - Stack Overflow

admin管理员组

文章数量:1332628

My code

   $( ".attachPo" ).click(function() {
        alert($(this).attr('id'))   // prints 59
        var id = $(this).attr('id');
        $( '#attachPoForm_"+id+"').show();  // id name = attachPoForm_59
    });

but which does not work for me , what is the correct vay of appending jQuesy variable to a class or id name

My code

   $( ".attachPo" ).click(function() {
        alert($(this).attr('id'))   // prints 59
        var id = $(this).attr('id');
        $( '#attachPoForm_"+id+"').show();  // id name = attachPoForm_59
    });

but which does not work for me , what is the correct vay of appending jQuesy variable to a class or id name

• javascript
• jquery

Share Follow asked Oct 15, 2013 at 12:11 mondamonda 3,9151616 gold badges6161 silver badges8585 bronze badges 1

• 1 $('#attachPoForm_'+id) – mikakun Commented Oct 15, 2013 at 12:13

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 3

Your quotes aren't quite right. Change to:

$( '#attachPoForm_'+id).show();

This isn't a "jQuery variable", it's just simple Javascript variable and string concatenation.

Your selector is looking for an element with an id of (literally) #attachPoForm_"+id+", I think you mean:

$( '#attachPoForm_'+id).show();

Try this

$( ".attachPo" ).click(function() {
    var id = this.id
    $( '#attachPoForm_'+id).show();  // id name = attachPoForm_59
    //                ^^^^ Fixed the quotes here 
});

 $( ".attachPo" ).click(function() {
       $( '#attachPoForm_'+ $(this).attr('id')).show();  //set  id name = attachPoForm_59
    });

A mistake at

    $( '#attachPoForm_"+id+"').show();  // id name = attachPoForm_59

should be

    $( '#attachPoForm_'+id+'').show();  // id name = attachPoForm_59

Try to use this.id like,

$( ".attachPo" ).click(function() {
    var id=this.id;
    alert(id);
    $("#attachPoForm_"+id).show();  // id name = attachPoForm_59
});

本文标签： javascriptJqueryAppend jquery variable to a class nameStack Overflow