Passing id of an element to ajax without using onclick in html

Question

I had my HTML like this.

<ul>
   <li><a href="#" id="abc"></a></li>
   <li><a href="#" id="bca"></a></li>
   <li><a href="#" id="cab"></a></li>
   <li><a href="#" id="acb"></a></li></ul>

when the user clicks on a particular link its id should be passed to an ajax script without using an onclick() function in markup HTML.Can it be achieved using the same anchor elemnt?? Thanks in advance.

look at [click()](http://api.jquery.com/click/) – Arun P Johny Jul 10 '14 at 11:21 — Arun P Johny, Jul 10 '14 at 11:21

score 2 · Answer 1 · edited Jul 10 '14 at 11:33

2

using jquery click event

  $("ul li a").click(function(e){
    e.preventDefault();
    var id = this.id;
// call your ajax code

    });

Bind an event handler to the "click" JavaScript event, or trigger that event on an element.

edited Jul 10 '14 at 11:33

Sudharsan S

15,336
3
31
49

answered Jul 10 '14 at 11:22

Balachandran

9,567
1
16
26

But how to get id of the anchor?? – Ganapathi Basimsetti Jul 10 '14 at 11:31

Hitesh Chopra · Answer 2 · 2014-07-10T11:39:12.893

-1

$("ul li a").click(function(e){
var anchorid = $(this).attr('id');
alert(id);
e.preventDefault();
// call your ajax code

});

You will get id in anchorid variable.

edited Jul 10 '14 at 11:39

answered Jul 10 '14 at 11:28

Hitesh Chopra

45
5

give me reason of vote down please – Hitesh Chopra Jul 10 '14 at 11:37
Not my downvote but you probably got it when you only included a link. Link-only answers are downvoted/flagged by SO users and removed by moderators. – Sufian Apr 22 '15 at 06:43

Passing id of an element to ajax without using onclick in html

2 Answers2