how to get the value from a CSS class object in javascript

Question

I have to select an <a> element from the given class of objects. when i click on the anchor tag in the showcase_URL class, i want the jquery function to get the value from <a> tag. How can this be done?

I cannot make this an id as I am running a while loop to construct all the elements in php. there would be multiple objects of this class. there is no definite selector through which I can get the value of the anchor tag. Help would be much appreciated.

        echo '<div id="content">';  
        echo '<div class="showcase_data">';
        echo    '<div class="showcase_HEAD">'.$row->title.'</div>';
        echo    '<div class="showcase_TYPE">'.$row->type.'</div>';
        echo    '<div class="showcase_date">&nbsp;&nbsp;'.$row->date.'</div>';
        echo    '<div class="showcase_THUMB" style="float: left;" ></div>';
        echo    '<div class="showcase_TEXT">'.$row->details.'</div><br/>';
        echo    '<div class="showcase_URL"><a class="purl" value='.$row->num.'href="'.$row->url.'">PROJECT URL</a></div>';
        echo    '</div>';
        echo    '</div>';

Hooray Im Helping · Accepted Answer · 2010-03-12 21:47:43Z

2

$('.showcase_URL a').click(function(e) {
  alert($(this).attr('value'));
});

answered Mar 12, 2010 at 21:47

Hooray Im Helping

5,2745 gold badges32 silver badges45 bronze badges

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

Comments

Nick Craver · Accepted Answer · 2010-03-12 21:46:39Z

1

You can use the attr() function like this:

$(".showcase_URL a").click(function() {
  alert($(this).attr("value"));
});

Note: You should have quotes and a space here like this:

value='.$row->num.'href="'.$row->url.'"

to:

value="'.$row->num.'" href="'.$row->url.'"

answered Mar 12, 2010 at 21:46

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Comments

Stefan Kendall · Accepted Answer · 2010-03-12 21:46:17Z

1

$('a').click(function(){
   var value = $(this).attr("value");
});

This will monitor the value element on all anchor tags clicked. You can filter that by class, or only those anchor tags beneath the showcase_URL div. Your question really doesn't specify what exactly you need.

answered Mar 12, 2010 at 21:46

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

Comments

Brian Luft · Accepted Answer · 2010-03-12 21:48:47Z

0

$('.showcase_URL a.purl').click(function(){
   alert($(this).attr('value'));
})

answered Mar 12, 2010 at 21:48

Brian Luft

1,1738 silver badges13 bronze badges

Comments

GitaarLAB · Accepted Answer · 2015-03-02 18:01:27Z

0

To get text or any other data bind on click event to your anchor:

$('a.purl').click(function(){
    var text = $(this).html();
});

edited Mar 2, 2015 at 18:01

GitaarLAB

14.7k12 gold badges62 silver badges83 bronze badges

answered Mar 12, 2010 at 21:49

Nazariy

6,0785 gold badges40 silver badges61 bronze badges

Collectives™ on Stack Overflow

how to get the value from a CSS class object in javascript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related