单击ul的li中的按钮获取项目参考编号？答案

【问题标题】：Get the item ref number on click of button in li of ul?单击ul的li中的按钮获取项目参考编号？
【发布时间】：2016-05-25 15:07:28
【问题描述】：

我在ul 中有一个值列表和一个button

<ul> 
    <li class="mix" category-1="" data-value="600.35" style="display:block;">
        <figure>
            <figcaption>
                <h3>TK</h3>
                <span>LHR</span> 
                <span>LHE</span>
                <div class="clear"></div>
                <span>Sat 28May16</span> 
                <span>
                    18:00
                    <span></span>
                    <span>
                        <i class="fa" fa-clock-o=""></i>
                    </span>
                    7361116644561201001 
                    <div class="clear"></div> 
                    <div class="price-night">
                        <span>1 Stop</span>
                        <span class="price-n">600.35 (£)</span>
                    </div>

                    <button class="info">Buy Now</button>
                </span>
            </figcaption>
        </figure>
    </li>

    <li class="mix" category-1="" data-value="600.35" style="display:block;">
        <figure>
            <figcaption>
                <h3>TK</h3>
                <span>LHR</span> 
                <span>LHE</span>
                <div class="clear"></div>
                <span>Sat 28May16</span> 
                <span>
                    18:00
                    <span></span>
                    <span>
                        <i class="fa" fa-clock-o=""></i>
                    </span>
                    7361116644561201001 
                    <div class="clear"></div> 
                    <div class="price-night">
                        <span>1 Stop</span>
                        <span class="price-n">600.35 (£)</span>
                    </div>

                    <button class="info">Buy Now</button>
                </span>
            </figcaption>
        </figure>
    </li>
<ul/>

点击button我想得到参考号，outvail，invail总共3个值，我正在使用ASP.NET，所以有任何方法我可以添加单个函数oncick调用但是如何获得ul的li值

【问题讨论】：

您能否尝试改写一下，以便更清楚地说明您正在尝试完成什么，什么不起作用，以及我们如何提供帮助？
你的代码没有格式化，我不完全明白你在问什么。

标签： javascript jquery html css

【解决方案1】：

您的问题很难理解，但假设您需要从单个函数中的单击按钮获取值，这可能会有所帮助。

$( "ul li" ).click(function() {
  value = $(this).data("value");
  alert( value );
});

【讨论】：

【解决方案2】：

您必须迭代您的项目并获取您需要的内容，这里是您的结构示例：

$(".info").click(function(se,ev)
{
  $.each($(".mix"),function(index,element)
  {
    alert($(element).attr("data-value"));
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul> <li class="mix" category-1="" data-value="600.35" style="display:block;"><figure><figcaption><h3>TK</h3><span>LHR</span> <span>LHE</span><div class="clear"></div><span>Sat 28May16</span> <span>18:00<span></span><span><i class="fa" fa-clock-o=""></i></span>7361116644561201001 <div class="clear"></div> <div class="price-night"><span>1 Stop</span><span class="price-n">600.35 (£)</span></div>

<button class="info">Buy Now</button></span></figcaption></figure></li>

<li class="mix" category-1="" data-value="600.35" style="display:block;"><figure><figcaption><h3>TK</h3><span>LHR</span> <span>LHE</span><div class="clear"></div><span>Sat 28May16</span> <span>18:00<span></span><span><i class="fa" fa-clock-o=""></i></span>7361116644561201001 <div class="clear"></div> <div class="price-night"><span>1 Stop</span><span class="price-n">600.35 (£)</span></div>

<button class="info">Buy Now</button></span></figcaption></figure></li>

【讨论】：