【问题标题】:How to get the value of the div in jquery?jquery如何获取div的值?
【发布时间】:2017-05-02 06:27:26
【问题描述】:

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

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

【问题讨论】:

  • 您可以将comment 的值放在隐藏字段中,然后您可以调用$('#hidden-field').val() 来获取该值

标签: javascript jquery angularjs mean-stack


【解决方案1】:

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

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

这样设置一个html内容。

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

现在你可以使用 $('#Comment').val() 获取点击中的值

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

      您可以通过将评论作为参数传递给 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>

      【讨论】:

        猜你喜欢
        • 2018-12-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-07-16
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多