how to dynamically change an element content after with Jquery click event

Question

I am working on below jQuery code and target is to change content of any tag is clicked by the user.

I am fine with getting the id of clicked element but not able change its content.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>   
<script>
    $(document).ready(function(){
        $("td").click(function(){
            var elementID = $(this).attr('id');
            alert(elementID); //I am OK by accessing the elementID
            $("#elementID").text("X"); // How pass this elementId again in order to change content ?
        });
    });
</script>

$(this), just like you did in the first row of the function... — Federico klez Culloca
– Federico klez Culloca, Commented Mar 20, 2018 at 13:20

Simon Franzen · Accepted Answer · 2018-03-20 14:00:26Z

4

You already have the element by accessing $(this).

$(document).ready(function(){
    $("td").click(function(){
        $(this).text("X");
    });
});

edited Mar 20, 2018 at 14:00

answered Mar 20, 2018 at 13:21

Simon Franzen

2,72727 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

crowley Over a year ago

Thanks a lot, need to have more understanding about basics :))

Taufik Nur Rahmanda · Accepted Answer · 2018-03-20 13:39:07Z

-1

correct your line with this: $("#"+elementID).text("X");

answered Mar 20, 2018 at 13:39

Taufik Nur Rahmanda

1,9992 gold badges23 silver badges37 bronze badges

1 Comment

Liam Over a year ago

Correct it to what?

Rytis Dereskevicius · Accepted Answer · 2018-03-20 13:33:03Z

-2

$("td").click(function(){
   var elementID = $(this).attr('SomeOtherElementID');
   $("#" + elementID).text("X");
});

answered Mar 20, 2018 at 13:33

Rytis Dereskevicius

1,56116 silver badges18 bronze badges

3 Comments

Simon Franzen Over a year ago

I think it is a better way to do it directly with $(this).text('X')

Rytis Dereskevicius Over a year ago

I think that by doing this he doesn't want to change $(this) element. Probably, he would like just to get SomeOtherElementID and change it's content.

Simon Franzen Over a year ago

in your case SomeOtherElementID isnt some-other-element -> You try to access an attribute on the clicked element. So in your example the <td> tag need a <td SomeOtherElementID="otherElementId"> and I don't think that this would help @crowley

Collectives™ on Stack Overflow

how to dynamically change an element content after with Jquery click event

3 Answers 3

1 Comment

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related