如何在HTML文件中使用通过jquery检索的元素的属性值？

Question

I'm working on a bootstrap/flask website, which will display posts. I have a dropdown menu on each post. I need a way for retrieving the id of the post clicked (post.id) using jquery, and sending it to the server-side, so it can be saved in the database. First problem, i dont think my jquery script is correct, and second i don't know how to send it to the server side (site.py).

I've only attached some samples from my app, since its quite long and messy.

UPDATE: I've updated the script using the script provided by Diptox below. But it still saves the comment with post-id = 1, even though Im commenting on other posts.

index.html - button sample

`<button class="btn btn-default dropdown-toogle" aria-expanded="false" id="menu1" p-id= "{{post.id}}" data-toggle="dropdown" type="button">
     <span class="caret"></span>
     </button>
     <ul class="dropdown-menu" role="menu">

         <li>
              <a name="comment" class="bound" data-toggle="modal"  href="#" data-target="#modal_comment" >
                   <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                                                    Comment
              </a>
         </li>




         <li role="presentation">
             <a role="menuitem" tabindex="-1" href="{{ url_for('DeleteIndexedPost', id=post.id) }}">{{ ('Delete') }}</a></li>



         <li role="presentation">
             <a role="menuitem" tabindex="-1" href="{{ url_for('MoveToArchive', id=post.id) }}">{{ ('Move to Archive') }} </a></li>
     </ul>

index.html - modal and script sample

      <div class="modal fade" id = "modal_comment" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true" >
        <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                        <h4 class="modal-title" id="exampleModalLabel">Comment</h4>

                    </div>
                    <div class="modal-body">

                            <div class="container-fluid">
                                <form action="{{ url_for('comment', id=post.id) }}" role="form" method ="POST">

                                    <input type="text" class="form-control" placeholder="Comment" name="comment" value="">

                                    <input type="text" class="form-control" placeholder="ID" name="ID" value="">

                                    <input class="btn btn-primary" type="submit" value="Submit">
                                </form>                                        
                            </div>
                    </div>
                </div>                                           
        </div>
    </div>

    <script type="text/javascript">

       $(document).ready( function() 
       {
          $('#menu1').click(function() 
          {
            var postid = $(this).attr("p-id");
            $.post("/index/comment/<int:id>",{ postid: postid });
        });
    });
    </script

site.py -sample

@app.route('/index/comment/<int:id>', methods=['GET','POST'])
def comment(id):





  if request.method == 'POST':
    new_comment = Comment()    
    new_comment.content= (request.form['comment'])
    new_comment.workID= (request.form['ID'])
    new_comment.post = id #This id is wrong (it defaults to 1 every time)

    session.add(new_comment) 
    session.commit()

    return redirect(url_for('index'))
return redirect(url_for('index'))

db.py -sample

class InfoPost (Base):
   __tablename__ = 'Infopost'
   id = Column(Integer, primary_key=True)
   workerID = Column(String)
   title = Column(String)
   message = Column(String)
   time = Column(DateTime)
   comment = relation('Comment', backref='comment')
   arkiv = Column(Boolean)



class Comment(Base):
   __tablename__ = 'comment'
   id = Column(Integer, primary_key=True)
   workID = Column(String)
   content = Column(String)
   post = Column(Integer, ForeignKey('Infopost.id'))

Answer 1

here is the correct Jquery

$(document).ready( function() 
{
    $('#menu1').click(function() 
    {
        var postid = $(this).attr("p-id");
        $.post("/index/comment/<int:id>",{ postid: postid });
    });
});