javascript - 像 Angular5 中的 DOM 选择的 Jquery

Question

假设我们有 Angular 组件，其内容提供如下:

<component-A>
     <span class = "parent">
        <div class = "toBeSelected"> DemoContent</div>
     </span>
     <div class = "toBeSelected"> DemoContent2</div>
</component-A>

在 jQuery 中，如果我需要通过选择器选择元素 toBeSelected

$('.toBeSelected').click(function(){
    var clickedSpanTxt = $(this).html(); 
    console.log(clickedTxt);
});

是否存在有助于从组件中选择嵌套 DOM 元素的库。

因为 Angular5 的 @ContentChildren 只通过选择器选择组件的 direct child 即我只能选择类 的跨度parent 或只有一个 div 类 toBeSelected。

有什么方法可以同时选择 toBeSelected 类的 div。

Answer 1

您可以使用 DOM API。由于 document 可直接在 Angular 组件(.ts 文件)中使用。所以你可以使用

let elSelected = document.querySelectorAll(".toBeSelected");

这将返回 dom 元素的数组。