如何在使用Jquery click事件后动态更改元素内容

Question

我正在下面的jQuery代码上工作，目标是更改用户单击的任何标签的内容。

我可以获取clicked元素的ID，但无法更改其内容。

<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>

Answer 1

您已经可以通过访问$(this)获得该元素。

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

Answer 2

使用以下命令更正您的行： $("#"+elementID).text("X");

Answer 3

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