在 jquery 的 span 类中显示按钮单击的值

Question

我想在单击按钮时显示跨度类的值。我已经发布了一个问题。但它只在小提琴中工作而不是我的页面..所以我再次发布这个问题并进行修改..

我有以下字段..

<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