2013-11-14 64 views
2
​​值與跨度類

我的表是如何讓jQuery的

<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中做?

回答

1

你可以通過很多方式做到這一點。我認爲,最簡單的是:

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

​​

末串不僅提高了發現所需項目的準確性。

+0

我有兩個或多個具有相同的屬性,但在同一個表內的不同值。如果我使用此代碼,它將顯示所有表值。我想要具體的價值/ – PoliDev

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

0

試試這個做:

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

注意,我沒有使用上的類元素來選擇它,因爲它們看起來是樣式類,而不是語義上鍊接到元素的內容。

Example fiddle

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

演示:($( 「#resumeWrite .highlight跨度」)文本())Fiddle

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

或 警報; 你應該閱讀jQuery文檔,並按照一些教程,這是非常基本的...