catching id passe in url using jquery

Question

I have an html block like this:

<div class="main">
    <div class="content">
    <h3><a href="/dir/dir/dir/?id=33" title="name">name</a></h3>
    <a href="/dir/dir/dir/?id=33" title=""><img src="/default.png" alt="name" /></a>
    </div>
</div>

I need to catch the id value (here 33) from the first <a href> tag.

My code is:

function getID(s){
    var s = $(this);
    var a = s.('a:first').attr('href').split('=');
    console.log a[1];
}

However console.log is returning me:

Uncaught SyntaxError: Unexpected token (

any idea?

`s.(` is invalid, and that is not printed by `console.log`. Your code is just not valid JavaScript, it is not executed because the parser cannot even parse it. — Felix Kling, Feb 13 '12 at 10:59
should you use console.log as a function? console.log(a[1]); — trembon, Feb 13 '12 at 10:59
thanks felix, I deleted "." which gives me var a = s('a:first').attr('href').split('='); but does not return me any id... — breteuil, Feb 13 '12 at 11:54
@breteuil: It wouldn't because `s("a:first")` doesn't make much sense. It's the same as `$("a:first")`. How is your function `getID` called? What is `this` in it? — RoToRa, Feb 13 '12 at 12:35

score 2 · Answer 1 · answered Feb 13 '12 at 12:14

2

Here’s a simple jQuery plugin:

$.fn.getID = function() {
  return this.prop('href').split('=')[1] || '';
};

Use it as follows:

$('a').first().getID(); // '33'

answered Feb 13 '12 at 12:14

Sharon

919
7
7

score 0 · Answer 2 · answered Feb 13 '12 at 12:11

0

You can try:

function getID(){
    var theId = $('h3 a:first').attr('href').split('=')[1];
}

The ":first" is not mandatory as you only have one element in your element.

answered Feb 13 '12 at 12:11

Valentin D

705
7
14

catching id passe in url using jquery

2 Answers2