Работа с DOM
Здравствуйте, я лузер в Angularjs, подскажите пожалуйста как решить некоторые хотелки.
Есть тег <input type="submit" name="TaskFromFinish" value="Завершить задачу" class="finishtag" id="one" ng-click="Task()" /> Необходимо по клику на input получить все его теги это(class, id, name, value) и атрибуты этой ссылки стоящей рядом: <a href="www.site.ru" class="link">ссыль</a> все полученные данные через запятую вставить сюды: <div class="htm"></div> |
<!DOCTYPE html> <html lang="en" ng-app="app"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body ng-controller="mainCtrl"> <form> <input type="submit" name="TaskFromFinish" value="Завершить задачу" class="finishtag" id="one" ng-click="Task($event)" /> <a href="www.site.ru" class="link">ссыль</a> </form> <div class="htm"></div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> <script> angular.module('app', []) .controller('mainCtrl', function($scope) { $scope.Task = function(obj){ var elem = angular.element(obj.target); var output = angular.element(document.querySelector(".htm")); var linkElem = elem.next(); var attrs = ['class', 'id', 'name','value'] .map(function(name){return elem.attr(name)}) .concat([].map.call(linkElem[0].attributes,function(e){ return linkElem.attr(e.name) })); output.html(attrs.join(';')); return false; }; }); </script> </body> </html> |
Спасибо, то что нужно!:)
|
Часовой пояс GMT +3, время: 14:43. |