jQuery类似Angular5中的DOM选择

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元素的库。

由于@ContentChildren的@ContentChildren仅通过选择器选择组件的直接子级 ，即我只能选择具有parent类的span或具有toBeSelected类的一个div。

有没有办法选择类toBeSelected两个div。

Answer 1

在两个元素上使用相同的回调函数，或使toBeSelected包含其中包含回调函数的另一个组件。

读这个

Answer 2

您可以使用DOM API。 由于document可直接在角度组件（.ts文件）中找到。 所以你可以使用

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

这将返回dom元素数组。