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")

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

3 个答案: