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元素數組。