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，但它不起作用，日志只打印＆＃34; undefined＆＃34;。

我也尝试从data-属性中获取它，但是每次访问它时都遇到了问题（JQuery .data()，HTML5 .dataset或vanilla JS .getAttribute("data-")。< / p>

在此过夜，无法找到真正的解决方案。有人可以指导我吗？

谢谢你

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目标属性未定义

1 个答案: