How to read attribute using jquery on input variable with variable selector?

Question

I want to reload a particular div, which has an id corresponding to a table element's id... (the div has only one table child).

the alert says tID is undefined.

javascript:

function (msg) {
         var tID = $("table", msg).attr('id');
         alert(tID);
         $("#reloadme_"+tID).html(msg);
}

html:

 <div id="reloadme_2036">

        <table id="2036"  class="customCSSclass">
            ...table contents...
        </table>

   </div>

Where have I gone wrong?

what is the value of msg variable? Why you pass this to the selector $("table", msg) ? — Jon Kartago Lamida
– Jon Kartago Lamida, Commented Jan 16, 2013 at 2:37
random shot: try var tID = $(msg).find('table').attr('id'); in case msg is a HTML string. — Fabrício Matté
– Fabrício Matté, Commented Jan 16, 2013 at 2:38
A HTML string, something like: <table id="2036" class="customCSSclass"> ...table contents... </table> — ninjamario
– ninjamario, Commented Jan 16, 2013 at 2:39
Fabricio, thanks for the try. It also says undefined for that line. — ninjamario
– ninjamario, Commented Jan 16, 2013 at 2:42

Fabrício Matté · Accepted Answer · 2013-01-16 03:05:13Z

3

find looks for descendants of the current set of elements inside the jQuery object, you should use .filter which filters the elements in the jQuery object itself:

$('<table id="001">[...]</table>')
//the jQuery object will contain a reference to the parsed <table> element,
//so you have to .filter() the jQuery object itself to extract it

Of course, if it is the only element inside the jQuery object, there is no need for filtering. =]

Also, you'd use .find for e.g. looking for tr/tds (or any other element(s)) that are descendant of the table element referenced inside of your jQuery object.

edited Jan 16, 2013 at 3:05

answered Jan 16, 2013 at 2:51

Fabrício Matté

70.3k27 gold badges135 silver badges168 bronze badges

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

2 Comments

ninjamario Over a year ago

Thanks mate, but it appears I can't vote this up because I am so disreputable :P

Fabrício Matté Over a year ago

@ninjamario no problem, you can still tick it as the accepted answer clicking in the "V" below the up/down buttons. =]

bozdoz · Accepted Answer · 2013-01-16 04:53:00Z

1

Maybe this is what you're looking for?

function reload(msg) {
  var tID = msg.match(/id="(\d{1,4})"/i)[1]; //find 1 to 4 digits in the id attribute
  alert(tID);  //alerts 2036
  $("#reloadme_"+tID).html(msg); //adds the content to the div
}
reload('<table id="2036" class="customCSSclass"> ...table contents... </table>');

If so, what you are likely looking for is javascript's .match() method which will find the id number within a string.

Check out the JSFiddle.

edited Jan 16, 2013 at 4:53

answered Jan 16, 2013 at 2:49

bozdoz

12.9k8 gold badges74 silver badges100 bronze badges

1 Comment

ninjamario Over a year ago

Thanks for an alternative solution :) match() seems like a useful function.

Pitchai P · Accepted Answer · 2013-01-16 02:53:54Z

0

You have to try like this

var msg='<table id="2036"  class="customCSSclass"></table>';
alert($(msg).attr("id"));

answered Jan 16, 2013 at 2:53

Pitchai P

1,32710 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to read attribute using jquery on input variable with variable selector?

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related