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

Question

我的桌子是

<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中怎么做？

Answer 1

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

通过所有三种方式查看演示

Answer 2

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

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

或者

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

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

Answer 3

尝试这个：

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

请注意，我没有使用元素上的类来选择它，因为它们看起来是样式类，并且在语义上没有与元素的内容相关联。

示例小提琴

Answer 4

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

演示：小提琴

Answer 5

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

或 alert($("#resumeWrite .highlight span").text()); 您应该阅读 jquery 文档，并遵循一些教程，它非常基础......