jQuery, attribute filter selectors and finding out exactly _which_ element was clicked...

Question

Hi, I have this jQuery which works fine

$("li[id^='shop_id']").click( function () {

  alert("I clicked on id ??");

 });

The above will work if any list element with an id beginging with 'shop_id' is clicked (i.e 'shop_id_1', 'shop_id_2', etc). The problem is that I don't know how to find out exactly which id was clicked. I need to know as I need to set the visability of other elements depending on which id was clicked.

Any ideas ?

Thanks

Answer 1

The "this" variable will help you out here:

$("li[id^='shop_id']").click( function () {
    var current_id = $(this).attr("id");
    alert(current_id);
});

Answer 2

<script type="text/javascript">
  $("li[id^='shop)id']").click(function(){
    alert($(this).attr('id'));
  });
</script>

Answer 3

Both of you are my saviours. I couldn't find this in the selector documentation, but I guess it's somewhere else in the docs ?