Pass msg_id with jQuery into Twitter Bootstrap modal - php

Question

I have an jquery modal. So now I want to pass value of msg_id to modal.
HTML code:
<a data-toggle="modal" href="#com" id="<?php echo $msg_id; ?>">Comment</a>
--
<div id="com" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3><?php echo $msg_id; ?></h3>
</div>
<div class="modal-body">
<h4>Text in a modal</h4>
<p>You can add some text here.</p>
</div>
<div class="modal-footer">
Call to action
Close
</div>
This is the screenshoot.
If I click comment in table 1, it show and I can see the pass value.
But if I click comment in table 2, it show same with the table 1. Should be different because each have an different msg_id.
So how can I pass the msg_id value into modal with the case of my code ?
Appreciate with your helps.
Thanks

Answer 1

You must add some class attribute to your a tag, for example "modal-toggler"
<a class="modal-toggler" data-toggle="modal" href="#com"
id="<?php echo $msg_id; ?>">
Comment
</a>
And call some jQuery script like this
<script type="text/javascript">
$(".modal-toggler").click(function(){
var _id = $(this).attr("id");
$("#com h3").text(_id);
$("#com").show();
return false;
});
</script>