Question

I have a link that opens a modal when clicked, however that element also has a data-id=”#id here” attribute that I need to grab so I can pass it to my php script for processing. How can I accomplish this?

My JS code:

$(document).ready(function() {
$('#edit_general').click(editModal);

});

function editModal(event)
{
var modal = $('#editModal');
modal.modal({
    show: true
});
}

My html:

<li><a id="edit_general" href="#editModal" data-uid="<?php echo $u->id; ?>">Edit General</a></li>

I tried using the this keyword but it didn’t work.
How can I accomplish this?

Answer 1

Try this: Demo http://jsfiddle.net/szS2J/1/ or http://jsfiddle.net/ug7ze/

$(this).data('uid')

Hope it fits the cause :)

like this:

$('#edit_general').click(editModal);
      $(this).data('uid')

full

$(document).ready(function() {
    $('#edit_general').click(editModal);

});

function editModal(event) {
    alert($(this).data('uid'));
    var modal = $('#editModal');
    modal.modal({
        show: true
    });
}​