如何在jquery中获取div的值?

时间:2017-05-02 06:27:26

标签: javascript jquery angularjs mean-stack

我在angularjs项目中使用JQUERY,因为在某些特殊情况下(AMP)。

 <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');
})

但我想访问函数comment中传递的参数(editComment(comment))。

3 个答案:

答案 0 :(得分:0)

在角度控制器中写一个范围函数,如下面的函数。您将获得评论作为参数。

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

设置这样的html内容。

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

现在你可以使用了 $(&#39;#Comment&#39;)。val()获取点击

中的值

答案 1 :(得分:0)

您可以使用 .text()方法获取div的值。 您也可以参考以下链接 http://api.jquery.com/text/

答案 2 :(得分:0)

您可以将评论作为参数传递给ng-click功能来获取评论。

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){
      	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>