JQuery get attribute value with same name

Question

I want to get the href attr value based on the value of the rel attr . How do I do this in javascript?

<links>
    <link href="https://someurl/index/16380" rel="self"/>
    <link href="https://someurl/index/16380/streams?lang=en" rel="streams"/>
    <link href="https://someurl/index/16380/bif" rel="bif" />
</links>

something along the line ....

$(xml).find('link').each(function(){
 if(rel == 'streams'){
   this.streamurl = $(this).attr('href');
 }
});

So you want to know how to read the rel attribute? If so @ShadowWizard has your answer — Liam
– Liam, Commented Mar 5, 2014 at 15:54
@ShadowWizard, I want to get the value of href where rel="streams". $(this).attr('rel'); would just give me the value of rel. — Fabii
– Fabii, Commented Mar 5, 2014 at 15:56
@Fabii right, so you need to compare $(this).attr('rel') with the value you want it to have. It's just really basic and you appear to be a decent programmer that's why I'm confused here. — user447356
– user447356, Commented Mar 5, 2014 at 16:01

cookie monster · Accepted Answer · 2014-03-05 15:56:39Z

4

$(xml).find("link[rel=streams]")
      .each(function(i,lnk) {
          lnk.streamurl = lnk.href; 
      })

Or

$(xml).find("link[rel=streams]")
      .prop("streamurl", function() {
          return this.href; 
      })

Your original code was almost correct. Just needed this:

if(this.rel == 'streams'){

instead of this:

if(rel == 'streams'){

Open your developer console, and you'd probably see something like:

ReferenceError: rel is not defined

answered Mar 5, 2014 at 15:56

cookie monster

11k4 gold badges34 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Liam · Accepted Answer · 2014-03-05 15:56:20Z

1

$(xml).find('link').each(function(){

  //prevents your re-wrapping this multiple times
  var $this = $(this);

  //read the attribute
  if($this.attr('rel') == 'streams'){
     this.streamurl = $this.attr('href');
  }
});

answered Mar 5, 2014 at 15:56

Liam

30k28 gold badges144 silver badges206 bronze badges

Collectives™ on Stack Overflow

JQuery get attribute value with same name

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related