показать значения при нажатии кнопки из класса span в jQuery

Question

Я хочу показать значения из класса span при нажатии кнопки. Я уже задал один вопрос. но она работает в скрипке только не моя страница .. так снова я отправляю этот вопрос с модификацией ..

У меня есть следующие поля ..

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

Answer 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

Answer 2

Вы можете сделать это с помощью JQuery:

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

Fiddle Demo

Answer 3

Используйте .prev() функцию для доступа непосредственно предшествующий одноуровневый.

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