假设我们有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。

===============>>#1 票数：0

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

读这个

===============>>#2 票数：0

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

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

这将返回dom元素数组。

  ask by Shubhi Sood translate from so

未解决问题？本站智能推荐：

1回复

我们可以在Angular 7中使用jQuery LightSlider吗？

我之前已经使用angular js完成了LightSlider，但是我不确定是否可以在angular 7中使用它。我已经进行了数次研究，但似乎没有示例或任何Codepen都做了。 我已经尝试这样做，但是没有用。 所以我来这里问你们。 我可以使用角度为7的Light滑块吗？这是LightSl
1回复

在Angular中渲染结果后应用jquery

我试图根据字符串的字符数截断字符串，如果字符数大于21，则附加省略号。 我已经使用jquery在html的div上添加了一个截断类。 一切正常，但是当刷新页面时，一秒钟显示文本，然后在其上应用此截断类。 这是我的html代码： 这是我的jQuery代码： 如果text1和text2是te
1回复

如何从Angular 7中的表中的下拉列表中删除未选择的选项

我需要导出几个表格以达到卓越的效果，我有一个组件始终存在于所有其他组件中，并且具有导出功能，在每个组件中我都有一个ID为'table'的表，该表将被导出。 我现在遇到的问题是我在用ngFor创建的表和下拉列表中有输入，但是为输入输入的数据不被excel接受，对于下拉列表，该函数获取所有选项
1回复

无法通过jQuery选择器读取HTML中的表td

为了创建表，我使用ng-repeat渲染表行。 在下拉列表的onchange上，我正在调用一个函数，该函数将基于该条件运行一些条件，即将对象推送到绑定到范围变量的数组。 我的HTML 我的控制器代码： 第一次运行后在for循环内部，我将对象推入$ scope.instal
1回复

选择输入-角度2

我想知道的元素数（在这种情况下option ）有我的select 那是选择，但是我想首先检查它是否有一个以上的元素，或少于（0或1）个门 我猜最简单的方法是使用Jquery或Javascript
1回复

在TypeScript中使用jQuery（在angular 2项目中）

嗨，我已经在我的.ts角度组件之一中编写了一些jQuery，但是我似乎无法使其正常工作。 我想使表格可滚动。 这是jQuery 我是这个新手，所以我真的不知道如何使它工作。 我写了 在index.html文件中。 我也尝试安装： 但我得到消息： 的pack
1回复

为什么在Angular 7项目中重新加载一次后jquery可以工作？

我有一个用angular 7 CLI创建的仪表板，它使用引导程序，但是主要功能像我知道的每个模板一样都写在jquery中。 问题是下一个： 对于切换边栏，HTML使用以下行<a href="javascript:void(0)" class="navbar--btn" data-
2回复

Angular和jQuery：事件未附加到动态创建的HTML元素

我正在使用jQuery在Angular Form中动态创建新元素。 该表单是使用“模板驱动表单”方法构建的。 动态元素已成功创建，但显然未为它们分配事件/回调，因为该组件已被编译且未针对动态元素重新编译。 尽管已将name属性和ngModel伪指令分配给新元素，但仍可防止它们报告或响应数据
1回复

内部html在DOM树中完全呈现后，将触发哪个事件？

我想知道当任何div的innerHtml属性更改并且该div的树的DOM完全加载到内存中时将触发什么事件。 我想在触发该事件后调用以下函数。 我想删除以下函数中的setTimeout() hack，因为它有时可能会失败。 我发现以下与上述问题相关的链接，但是我没有任何想法：
1回复

如何在Angular 2中使用DataTable

我想在我的Angular 2应用程序中使用DataTable。 但这不起作用。 Angular 2中没有可能在模板中添加脚本标记。 你知道我怎么能这样做吗？ 我想我必须在systemJs中做一些改变。 list.html： 我的组件： 在我的index.html中，