javascript - 具有相同 id 和 jQuery 的 DOM 元素

Question

您好，我的应用程序中有多个具有相同结构的元素。第二个 div 元素的 id 根据数据库中的唯一注释 id 而变化。有 ID 为“vote_up”和“vote_down”的元素。对于每条评论都会重复这一点。正如我提到的那样，会发生多条评论。我想执行 Ajax 请求。此结构的第一个功能使用 ajax 正常运行，但其余部分执行 http 请求。顺便说一句，我正在开发一个 Rails 应用程序并且我正在使用 jQuery。

<div id="post_comment">
john<i> says </i> Comment<br/>

<div id="comment_10_div">
**<form action="/comments/vote_up" id="vote_up" method="post">**
         <div style="margin:0;padding:0;display:inline">
               <input name="authenticity_token" type="hidden" 
               value="w873BgYHLxQmadUalzMRUC+1ql4AtP3U7f78dT8x9ho=" />
         </div>
     <input id="Comment_place_id" name="Comment[post_id]" type="hidden" value="3" />
     <input id="Comment_id" name="Comment[id]" type="hidden" value="10" />
     <input id="Comment_user_id" name="Comment[user_id]" type="hidden" value="2" />
     <input name="commit" type="submit" value="Vote up" />
</form>

<label id="comment_10">10</label>

**<form action="/comments/vote_down" id="vote_down" method="post">**
        <div style="margin:0;padding:0;display:inline">
            <input name="authenticity_token" type="hidden" 
            value="w873BgYHLxQmadUalzMRUC+1ql4AtP3U7f78dT8x9ho=" />
        </div>
    <input id="Comment_place_id" name="Comment[place_id]" type="hidden" value="3" />

    <input id="Comment_id" name="Comment[id]" type="hidden" value="10" />
    <input id="Comment_user_id" name="Comment[user_id]" type="hidden" value="2" />
    <input name="commit" type="submit" value="Vote Down" />
</form>
</div>      

你能帮我解决这个问题吗谢谢

Answer 1

是的，正如 Matti 上面提到的，根据 W3C 标准，ID 必须是唯一的。一个很好的解决方法是后缀注释的数据库 ID，例如<input id="Comment_39127438"...