Javascript 有棱角的查找div中的所有图像_Javascript_Jquery_Html_Angularjs

Javascript 有棱角的查找div中的所有图像

javascript jquery html angularjs

Javascript 有棱角的查找div中的所有图像,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我试图在一个div中找到所有img标签。这些img标签位于div中的p标签中。我猛击了一下，看看是否可以让它工作，但到目前为止没有任何乐趣。如果有人能看一看，给我指出正确的方向，那就太好了 index.html： <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> &

我试图在一个div中找到所有img标签。这些img标签位于div中的p标签中。我猛击了一下，看看是否可以让它工作，但到目前为止没有任何乐趣。如果有人能看一看，给我指出正确的方向，那就太好了

index.html：

<!DOCTYPE html>
<html ng-app="plunker">

<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.20/angular.js" data-semver="1.3.20"></script>
<script src="app.js"></script>
</head>

<body>

<div >
  <p image-append>
      <p >
        <img src="https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg" />
      </p>
    <p>
      <img src="http://www.vetprofessionals.com/catprofessional/images/home-cat.jpg" />  
    </p>  
  </p>

</div>

plunkr:

请您尝试以下代码：

var app = angular.module('plunker', []);

app.directive('img', imageAppend);

function imageAppend() {
           return {
                restrict: 'E',
                link: function (scope, element, attrs) {
                    console.log("elemnts are ===== ", element)
                }
            };
        }

您是否尝试过：

var images=$（'div#给这个div一个id img'）？拥有一些html然后对其进行解析不是一种角度的方法。如果您有此模板的控制权，则应将指令添加到img标记。@PetrAveryanov我无法将其直接附加到图像。html返回给我，图像并不总是存在。我已经更新了上面的代码。请你现在试一试好吗。
var app = angular.module('plunker', []);

app.directive('img', imageAppend);

function imageAppend() {
           return {
                restrict: 'E',
                link: function (scope, element, attrs) {
                    console.log("elemnts are ===== ", element)
                }
            };
        }