Question

我想要做的是，我有不同的自动按钮和数据属性，当点击任何一个按钮时，该按钮的数据应该以不同的跨度元素显示。

这是我的代码：

自动按钮。

ItemsControl

对于Span元素：

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

Js代码：

function total_rate（）{

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

}

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

Answer 1

我可以通过$(event.relatedTarget);更改$(event.target);： jsbin

Answer 2

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

如何基于按钮在span元素中设置值

2 个答案: