如何将 jquery 代码更改为 javascript 或打字稿

Question

我正在尝试将 jquery 代码更改为 javascript 或在 angular 7 项目中工作的打字稿。但我知道如何改变它。如果有人知道请帮助找到解决方案？

$("#mytableId").find('table').each("tr").find("td:first").click(function(e){
    
    alert($(this).text());  //getting first td value of each tr
    
    
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<custom-table id="mytableId">
    <div>some content</div>
    <div>some content</div>
    <div>some content</div>
    <div> 
    <table>
    <thead>
    <th></th>
    </thead>
    <tbody>
    <tr>
    <td>123456</td>
    <td>Content</td>
    <td>Content</td>
    </tr>
    <tr>
    <td>189556</td>
    <td>Content</td>
    <td>Content</td>
    </tr>
    
    <tr>
    <td>122586</td>
    <td>Content</td>
    <td>Content</td>
    </tr>
    
    </tbody>
    </table>
    </div>
    
    </custom-table>

Answer 1

您可以使用 Angular 事件绑定来响应任何 DOM 事件（点击您的情况）。你可以找到 documentation here.

如何将 jquery 代码更改为 javascript 或打字稿

How to change jquery code to javascript or typescript

javascript

jquery

typescript

angular6

angular7