Работа с 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, время: 02:42. |