Javascript 目标属性未定义

Question

我的代码有问题：

我通过接受朋友请求构建了一个通知。然后我可以在三个操作（接受、拒绝或阻止）之间进行选择。

HTML

<div class="pull-right">
    <a href="#" title="{{_ "notifications.accept"}}" id="ok-btn" name=" {{data.talkmateId}}">
        <span class="glyphicon glyphicon-ok-circle" id="ok-sign" aria-hidden="true"> </span>
    </a>
    <a href="#" title="{{_ "notifications.remove"}}" id="remove-btn" name="{{data.talkmateId}}">
        <span class="glyphicon glyphicon-remove-circle" id="remove-sign" aria-hidden="true"> </span>
    </a>
    <a href="#" title="{{_ "notifications.block"}}" id="block-btn" name="{{data.talkmateId}}">
      <span class="glyphicon glyphicon-remove-sign" id="block-sign" name="{{data.talkmateId}}" aria-hidden="true"> </span>
    </a>
  </div>

Meteor.Js

Template.navigation.events({
'click #block-btn': function(e, tmpl){
      var friendList = Meteor.user().profile.friends;
      var usrId = e.target.id;
      var i = 0;
      console.log(e.target.id);
      console.log(friendList);
      /*for(i = 0; i < friendList.length; i++){
        if(friendList[i].id == usrId){
          console.log(i);
          friendList.splice(i, 1);
          break;
        }
      }
      console.log(friendList);
      Meteor.users.update({_id: Meteor.userId()}, {
        $set: {
          'profile.friends': friendList
      }});
      Meteor.users.update({_id: Meteor.userId()}, {
        $push: {
          'profile.blocked': usrId
        }
      });*/
      //Meteor.call('removeNotif', Meteor.user()._id, this.id);
    }
  });

问题是无论我尝试什么，我都得不到我想要的。目标是当我接受或阻止或删除某个朋友时，我会更改朋友状态，和/或将其从我的个人资料中删除和/或将其添加到阻止列表中。

但每次我都不能，因为打印的 e.target.id 是跨度之一，而不是 <a></a> 之一。我尝试在name属性中传递用户ID，但是没有用，日志只打印"undefined".

我也尝试从 data- 属性中获取它，但是我访问它的每种方式都遇到了问题 (JQuery .data(), HTML5 .dataset 或香草 JS .getAttribute("data-").

为此花了我一夜，找不到真正的解决方案。有人可以指导我吗？

谢谢你

Answer 1

您可以将 event.target 对象转换为 jQuery 对象，然后在其上使用选择器以使用 jQuery.parent() 获取其父对象，如下所示：

var $target = $(event.currentTarget);
var $parent = $target.parent(); // gets you the `a` tag as a jQuery object
var parentId = $parent.attr('id');
var parentTalkmate = $parent.attr('name')

您可以使用 this simple fiddle 来解决这个问题。

Javascript 目标属性未定义

Javascript target attribute undefined

javascript

jquery

undefined

meteor