获取被点击元素的同级元素和removeClass纯javascript或没有指令的angular js

获取被点击元素的同级元素可以使用纯JavaScript或没有指令的AngularJS来实现。下面是两种方法的详细说明：

纯JavaScript方法：
- 首先，通过事件监听器（如click事件）获取被点击的元素。可以使用document.querySelector或document.getElementById等方法选择元素。
- 然后，使用parentNode属性获取被点击元素的父节点。
- 最后，使用childNodes属性获取父节点的所有子节点，再通过遍历筛选出同级元素。

示例代码如下：

document.addEventListener('click', function(event) {

 var clickedElement = event.target; // 获取被点击的元素

 var parentElement = clickedElement.parentNode; // 获取父节点

 var siblings = Array.from(parentElement.childNodes).filter(function(node) {

   return node.nodeType === 1 && node !== clickedElement; // 筛选出同级元素

});

 console.log(siblings); // 输出同级元素数组

});

没有指令的AngularJS方法：
- 首先，在HTML中使用ng-click指令绑定一个点击事件，并传递被点击的元素作为参数。
- 然后，在控制器中定义点击事件的处理函数，通过传入的参数获取被点击的元素。
- 最后，使用angular.element函数获取被点击元素的父节点，再使用children方法获取所有子元素，再通过遍历筛选出同级元素。

示例代码如下：

 <button ng-click="getSiblings($event.target)">点击获取同级元素</button>

</div>

angular.module('myApp', [])

 .controller('myCtrl', function($scope) {

   $scope.getSiblings = function(clickedElement) {

     var parentElement = angular.element(clickedElement).parent(); // 获取父节点

     var siblings = parentElement.children().filter(function() {

       return this !== clickedElement; // 筛选出同级元素

});

     console.log(siblings); // 输出同级元素数组

};

});

这两种方法都可以获取被点击元素的同级元素，并且不依赖于特定的云计算品牌商。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云