[jQuery] how to pass id to function
http://dpaste.com/117299/
my html
-------
{% for name in eventname %}
<div id=basicModal class="viewalldetailslinktext">
<div class="eventname"><a href='#' class='basic'>{{ name.title }}</
a></div>
</div>
<div class="eventaddress">{{ name.address }}</div>
<div class="eventdesc">{{ name.summary }}</div>
<div id="basicModalContent" style='display:none'>
<div style="color:red">{{ name.title }}</div>
</div>
{% endfor %}
basic.js
---------
$(document).ready(function ()
{
$('#basicModal input.basic, #basicModal a.basic').click(function (e)
{
e.preventDefault();
$('#basicModalContent').modal();
});
});
here i am using lightbox. in my template i have 2 title when i am
clcking on one title it works fine and display light box but for
second title it does not happened so cause when i saw in page source
both div have same id basicModal.
so that's why i am generating different div id
{% for name in eventname %}
<div id={{ name }} class="viewalldetailslinktext">
<div class="eventname"><a href='#' class='basic'>{{ name.title }}</
a></div>
</div>
<div class="eventaddress">{{ name.address }}</div>
<div class="eventdesc">{{ name.summary }}</div>
<div id="basicModalContent" style='display:none'>
<div style="color:red">{{ name.title }}</div>
</div>
{% endfor %}
so now my div id is
<div id="The" spice="" tate-le="" jardin=""
class="viewalldetailslinktext">
<div class="eventname"><a href="#" class="basic">The Spice Tate-Le
Jardin</a></div>
<div id="Underground" monday="" at="" maya=""
class="viewalldetailslinktext" style="text-align: left; margin-top:
20px;">
<div class="eventname"><a href="#" class="basic">Underground Monday at
Maya</a></div>
but i do not how may i pass this div id to function which is defined
in basic.js