如何设置基于按钮的跨度元素中的值

我想要做的是，我有不同的自动化按钮与数据属性，并且当单击任何一个按钮时，该按钮中的数据应显示在不同的跨度元素。如何设置基于按钮的跨度元素中的值

这里是我的代码：

对于自动按钮。

<button 
     class="btn btn-sm btn-danger" 
     name="add_this_<?php echo $i; ?>" 
     id="add_this_<?php echo $i; ?>" 
     data-hname="<?php echo $hotel_name; ?>" 
     data-elem="<?php echo $i; ?>" 
     onclick="total_rate()"> 
Select 
</button>

对于跨度元件：

<div class="col-md-12 padding-top-10"> 
    Hotels: <span id="hotels"></span> 
    </div>

JS代码：

功能Total_Rate的（）{

jQuery(document).ready(function($){ 

    var button = $(event.relatedTarget); 
    var elem = button.data('elem'); 
    var hname = button.data('hname'); 

    var s_tax = $("#s_tax_"+elem).val(); 
    var cost_em = $("#em_"+elem).val(); 
    var cat_cost = $("#sel_cat_"+elem).val(); 

    var rooms = $("#rooms").val(); 
    var per = $('#persons').val(); 
    var mattress = per - (rooms*2); 
    var cost_hotel = parseInt((cat_cost * rooms) + (cost_em * mattress)); 
    var cost_hotel_final = cost_hotel + (s_tax/100 * cost_hotel); 

    $("#total_cost").html(cost_hotel_final); 
    $("#hotels").html(hname); 


});

}

问题是我没有得到span元素中的值。任何类型的帮助，将不胜感激。

来源

2015-11-06 Saikat Bepari

是什么问题？ –

我见过的最丰富的标题:)请让js小提琴 –

iam无法显示跨度元素的值 –

它为我改变$(event.relatedTarget);与$(event.target);： jsbin

来源

2015-11-06 13:48:52 Vithozor

thanx @vithozor为您提供帮助。它也为我工作..非常感谢。 –

<button 
     class="btn btn-sm btn-danger" 
     name="add_this_<?php echo $i; ?>" 
     id="add_this_<?php echo $i; ?>" 
     data-hname="<?php echo $hotel_name; ?>" 
     data-elem="<?php echo $i; ?>" 
     onclick="total_rate(this)"> 
Select 
</button> 

function total_rate(elem) 
{ 
    var #elem = $(elem); 
    var id = #elem.attr("id"); 
    var datahname = #elem.attr("data-hname"); 
    var dataelem = #elem.attr("data-elem"); 

    //.....stuff and things 
    var $hotels = $('#hotels'); 
    $hotels.html(datahname) 
}

来源

2015-11-06 13:52:09 Seabizkit

如何设置基于按钮的跨度元素中的值

回答

相关问题