javascript - 如何使用 $ ("#inputid").val() 获取正确的输入值

Question

我有一个项目列表(使用 PHP 回显)，并且对于每个项目我都有一个隐藏的输入元素。我正在尝试使用 $("#inputid").val() 获取该输入框的值。这种工作，除了它只会获取第一个项目的输入，而不是我想要的第二个输入值。

PHP/HTML 代码:

<div class="container" id="main" style="display:table !important">
    <div class="row" id="posts_container">
    <?php
        foreach ($data as $item)
        {
            $username = $item->username;
            $followingData = new CirclesFriends();
            $temp = $followingData->areYouFollowingUser(Yii::app()->user->username, $username); 
            $areYouFollowingData = $temp->getData();
            $isFollowing = ""; 

            if (count($areYouFollowingData) > 0)
            {
                $isFollowing = "Unfollow";
            }
            else 
            {
                $isFollowing = "Follow";
            }

            echo "<input type='hidden' id='is_following' value='$isFollowing'></input>";
            echo "<button id='submit' class='btn' onClick='isFollowing()'>".$isFollowing."</button>";
        }
    ?>
    </div>
</div>

这里是我获取选定输入值的地方(只返回第一个):

    function isFollowing()
    {
        var s =$("#is_following").val();
        alert(s);
    }

为什么会这样？

Answer 1

问题是在所有循环迭代中使用相同的id引起的。 ID 是唯一标识符，在这种情况下，它不是唯一的。

解决该问题的一种方法是将一个计数器连接到您的 ID，并将其作为参数传递给您的 isFollowing 函数。

这样您就可以避免重复的 ID。