如何在jquery中使用span类获取值

时间:2013-11-14 10:04:52

标签: javascript jquery xhtml

我的桌子是

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

我想在点击按钮时提醒值0 to 1 year Experience。怎么做jquery?

5 个答案:

答案 0 :(得分:1)

你可以通过多种方式做到这一点。我认为最简单的是:

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

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

最后一个字符串只能提高找到所需项目的准确性。

答案 1 :(得分:0)

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

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

你也可以按照

的方式做
   $('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

答案 2 :(得分:0)

试试这个:

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

注意,我没有使用元素上的类来选择它,因为它们看起来像是样式类,而不是语义链接到元素的内容。

Example fiddle

答案 3 :(得分:0)

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

演示:Fiddle

答案 4 :(得分:0)

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

或     alert($(“#resumeWrite .highlight span”)。text()); 你应该阅读jquery文档,并按照一些教程,它是非常基础的......