如何在Angular 2中获得下一个元素/兄弟姐妹

Question

我是Angular2的新手，我必须在Angular2中获取下一个元素值/文本，但我无法这样做。在Jquery中这很容易，但我没有找到任何方法在Angular2中实现相同的功能。请帮忙。

这是我的代码：

<div id="div1">Here is Div-1 content</div>
<div id="div2">Here is Div-2 content</div>

在jquery中，很容易做到：

$('#div1').next().text();

如何在 Angular 2

中完成相同的操作

Answer 1

您可以使用元素引用，并使用与jQuery相同的方法。

将元素引用注入组件

  constructor(private elementRef: ElementRef) {

  }

然后使用查询选择器

this.elementRef.nativeElement.querySelector('.div1').style.display = 'none';

Answer 2

我认为你所寻找的不是角度特定的东西，但至少在javascript中你可以这样做：document.getElementById('div1').nextSibling你可以在其中找到所述元素的属性。并且您可以增加索引以查找之后的兄弟姐妹或检查孩子，依此类推。

You can read about implementation here on MDN.

希望这会有所帮助。 ：）