2013-10-24 34 views
1

我想顯示從按鈕點擊span類的值。我已經發布了一個問題。但它是工作在撥弄不僅沒有我的網頁..所以我再次發佈與修改這個問題..顯示按鈕點擊從jquery中的跨班級的值

我有以下字段..

<th width="20%" class="bdrL_blue valignT highlight"> 
    <span class="font18">Rs.360</span> 
    <br /> 
</th> 

    <th width="20%" class="bdrL_blue valignT highlight"> 
    <a href="<%: Url.Action("Payment", "EmployerVas") %>"><img src="../../Content/Images/Subscribe now on click.png" class="btn"onclick="returnsms_confirm.call(this)"/></a> 
    </th> 


<th width="20%" class="bdrL_blue valignT highlight"> 
    <span class="font18">Rs.1000</span> <span class="font20"></span></th> 

    <th width="20%" class="bdrL_blue valignT highlight"> 
      <a href="<%: Url.Action("Payment", "EmployerVas") %>"><img src="../../Content/Images/Subscribe now on click.png" class="btn" /></a></th> 

這是我的原代碼..

當按鈕被點擊它需要相關跨度類的量..

jQuery代碼

function sms_confirm() { 

     var r = confirm("Confirm the order to buy " + $("span[class^='font']").text() + " amount") 

     if (r == false) { 
      return false; 
     } 

    } 

以上jQuery代碼給我的

Confirm the order to buy Rs.360 Rs.1000 amount 

這樣的...我想展示單量單按一下按鈕..怎麼會在jQuery的做到這一點的結果呢?

+0

如何調用sms_confirm? –

+0

on button click only ..我添加onclick =「返回sms_confirm()」在按鈕 – Duk

回答

1

嘗試

<input type="button" class="btn" onclick="return sms_confirm.call(this)"/> 

然後

function sms_confirm() { 
    var r = confirm("Confirm the order to buy " + $(this).prev("span[class^='font']").text() + " amount") 

    return r; 
} 

演示:Fiddle

我會建議使用jQuery來註冊事件處理程序像

<input type="button" class="btn btn-buy" onclick="return sms_confirm.call(this)" /> 

然後

jQuery(function ($) { 
    $('.btn-buy').click(function() { 
     return confirm("Confirm the order to buy " + $(this).prev("span[class^='font']").text() + " amount") 
    }) 
}) 

演示:Fiddle

+0

對我來說這是行不通的..我不知道爲什麼..但我使用此跨度和按鈕作爲不同內表。 – Duk

+0

@Duk那麼你需要分享正確的html !!!! –

+0

它仍然顯示答案「確認訂單購買金額」我會更新我的正確的html .. – Duk

1

爲此,您可以使用jQuery:

$('.btn').click(function(){ 
    var ans = confirm("Confirm the order to buy " + $(this).prev('.font18').text() + " amount"); 
    return ans; 
}); 

Fiddle Demo

1

使用.prev()功能立即訪問前面的兄弟。

var r = confirm("Confirm the order to buy " + $(this).prev("span[class='font18']").text() + " amount")