CODEWITHSUNDEEP
javascriptjqueryxhtml
PoliDev
PoliDev

Reputation: 1468

how to get <td> value with span class in jquery

My table is

<table id="ResumeWrite" class="Vasprice" cellpadding="0" cellspacing="0" border="0" width="100%">
 <tr>
       <th width="20%" class="bdrL_blue valignT highlight">
       <span class="font18">0 to 1 year Experience</span>
       </th>

       <th>
        <input type="button" value="submit"/>
       </th>
</tr>

i want to alert the value 0 to 1 year Experience when i click the button. how to do in jquery?

Upvotes: 2

Views: 6408

Answers (5)

fortegente
fortegente

Reputation: 1391

You can do this by many ways. I think most simple is: 

$(".font18").text();
$(".font18").html();

or

$("#ResumeWrite span.font18").text();

Last string only improves the accuracy of the finding desired item.

Upvotes: 1

Rituraj ratan
Rituraj ratan

Reputation: 10388

$('input[type="button"]')click(function(e){
e.preventDefault();

alert($(".bdrL_blue").text());
});

and you can do by also following way

   $('input[type="button"]').click(function(e){
    e.preventDefault();
        $(this).closest('tr').find('span').text();
       //or
      $(this).closest('tr').find('th').text();
    });

see DEMO by all THREE WAYS

Upvotes: 1

Matthieu
Matthieu

Reputation: 563

alert($(".font18").text());

or alert($("#resumeWrite .highlight span").text()); You should read the jquery doc, and follow some tutorial, it's very basic...

Upvotes: 0

Arun P Johny
Arun P Johny

Reputation: 388416

$('#ResumeWrite input[type="button"]').click(function(){
    alert($(this).parent().prev().find('span').text())
})

Demo: Fiddle

Upvotes: 0

Rory McCrossan
Rory McCrossan

Reputation: 337646

Try this:

$('input[type="button"]').click(function() {
    var text = $(this).closest('tr').find('span').text();
    alert(text);
});

Note, I didn't use the classes on the element to select it as they appear to be style classes, and not semantically linked to the content of the element.

Example fiddle

Upvotes: 0

Related Questions