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');
 }
});

Answer 1

$(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

Answer 2

$(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');
  }
});