jqueryでdivの値を取得するには？

Question

私はいくつかの特別な条件（AMP）のため、私のangularjsプロジェクトでJQUERYを使用しています。

<div data-ng-repeat = "comment in blog.comments"> 
     <i class="icon-edit font20 edit-faq-icon pointer" id="edit-comment" data-ng-click="editComment(comment);"></i> 
    </div> 

以前はng-clickだったので、jqueryでイベントを見つけることができました。

$('#edit-comment').click(function(){ 
    alert('hi'); 
}) 

は、しかし、私は機能editComment(comment)に渡されたパラメータ（comment）にアクセスします。

Answer 1

以下のような角度コントローラーにスコープ機能を書き込んでください。コメントをパラメータとして取得します。

$scope.editComment=function(comment) 
{ 
$scope.comment=comment; 
}; 

このようなHTMLコンテンツを設定します。

<div ng-model="comment" id="Comment"></div> 

今あなたがdiv要素の値を取得するためにの.text（）メソッドを使用することができますクリックで値を取得するために

Answer 2

を $（ '＃コメント'）。valを（）を使用することができます。 また、あなたはあなたがNGクリック機能にパラメータとしてコメントを渡すことで、コメントを得ることができ、以下のリンクhttp://api.jquery.com/text/

Answer 3

を参照することができます。

var app = angular.module("myApp", []); 
 

 
app.controller("myCntrlr",function($scope){ 
 
    $scope.blog= 
 
     { 
 
     name:"Naresh", 
 
     comments:["test comment 1","test comment 2","test comment 3"] 
 
     } 
 
     
 
     $scope.editComment = function(comm){ 
 
     \t alert(comm); 
 
     }; 
 
});

<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js'></script> 
 

 
<div ng-app="myApp" ng-controller="myCntrlr"> 
 
<div ng-repeat = "comment in blog.comments"> 
 
     <button ng-click="editComment(comment);">get Comment</button> 
 
    </div> 
 
</div>