Javascript 单击时如何选择正确的Id？

我在一个列表中显示用户的照片、姓名等。。。然后我获取id为“uid”的元素的值：

问题是，无论我点击谁，我总是会在页面列表中获得第一个用户的引用，我只想抓取我点击的那一个

我试图在var的末尾添加

。click（）

，但它不是一个函数

有什么想法吗

编辑：对应的HTML：

<ion-list class="item-border-off list-fav">
        <a  ><ion-item ng-click="toUserView()" ng-repeat="user in users" class="item-remove-animate item-avatar">
            <img ng-src="{{user.photoURL}}">
            <h2>
                {{user.name}}
            </h2>
            <p >{{user.description}}</p>
            <p id="userUID">{{user.uid}}</p>
            <!-- button options -->
            <ion-option-button>
                <i class="icon ion-ios-trash-outline"></i>
            </ion-option-button>
            <ion-option-button>
                <i class="icon ion-ios-chatbubble-outline"></i>
            </ion-option-button>
        </ion-item></a>
      </ion-list>

{{user.name}
{{user.description}

{{user.uid}

对应的HTML

     <a  ><ion-item ng-click="toUserView($index)" ng-repeat="user in users" class="item-remove-animate item-avatar">
                        <img ng-src="{{user.photoURL}}">
                        <h2 id={{user.uid}}>
                            {{user.name}}
                        </h2>
                        <p >{{user.description}}</p>
                        <p id="userUID{{$index}}">{{user.uid}}</p>
                        <!-- button options -->
                        <ion-option-button>
                            <i class="icon ion-ios-trash-outline"></i>
                        </ion-option-button>
                        <ion-option-button>
                            <i class="icon ion-ios-chatbubble-outline"></i>
                        </ion-option-button>
                    </ion-item></a>

对应的HTML

     <a  ><ion-item ng-click="toUserView($index)" ng-repeat="user in users" class="item-remove-animate item-avatar">
                        <img ng-src="{{user.photoURL}}">
                        <h2 id={{user.uid}}>
                            {{user.name}}
                        </h2>
                        <p >{{user.description}}</p>
                        <p id="userUID{{$index}}">{{user.uid}}</p>
                        <!-- button options -->
                        <ion-option-button>
                            <i class="icon ion-ios-trash-outline"></i>
                        </ion-option-button>
                        <ion-option-button>
                            <i class="icon ion-ios-chatbubble-outline"></i>
                        </ion-option-button>
                    </ion-item></a>

---

您似乎在循环中重复

id

根据定义，属性对于页面来说应该是唯一的

document.getElementById（'test'）

返回将

id

属性设置为

test

的第一个元素

---

您应该为您的id添加一些独特的内容，或者改用

class=“userUID”

。

您似乎在循环中重复了

id

根据定义，属性对于页面来说应该是唯一的

document.getElementById（'test'）

返回将

id

属性设置为

test

的第一个元素

---

您应该为您的ID添加一些独特的内容，或者改用

class=“userUID”

。

您也可以发布相应的HTML吗？您好，我刚刚添加了相应的HTML！您可以将

用户

传递给函数

ng click=“toUserView（用户）”

@Titus beat me to it！=）FrenchyNYC：嘿，伙计们，我只想检索user.uid并将其存储在数据库中，你们的解决方案听起来是最好的！你能告诉我整个语法使用的代码吗？我已经更新了我的HTML，因为有错误！你也可以发布相应的HTML吗？你好，我刚刚添加了相应的HTML！您可以将

用户

传递给函数

ng click=“toUserView（用户）”

@Titus beat me to it！=）FrenchyNYC：嘿，伙计们，我只想检索user.uid并将其存储在数据库中，你们的解决方案听起来是最好的！你能告诉我整个语法使用的代码吗？我已经更新了我的HTML，因为有错误！非常感谢。它就像一个符咒，现在我将看看我是否可以存储在数据库中！再次感谢！非常感谢。它就像一个符咒，现在我将看看我是否可以存储在数据库中！再次感谢！

    $scope.toUserView = function(ind) {
      var uid = document.getElementById('userUID'+ind).textContent;
      console.log(uid);
      $state.go('tab.userview');

    };