我该怎么才能得到点击的按钮的li的index,还有怎么获得点击的那个按钮父类li里面的隐藏域的值




test
<body>
    <li style="height:47px; list-style-type:none;">
        <input type="hidden" id="getter" value="苹果"\>
        <input type='hidden' id='mesId' value="12"\>
        <font size="small" color="green">水果</font></br>
        <div> 
            <font size ="middle" color="blue">橘子</font> 
        </div></br> 
        <font size ="small">2015-7-5</font>
        <button id="btn" name="btn">dianji</button></br>" 
        <div id ="txt">
            <button id="btn1" name="btn1"  onclick="getTextCom(this)">按钮</button></br> 
        </div> 
    </li></br>
    <li style="height:47px; list-style-type:none;">
        <input type="hidden" id="getter" value="橘子"\>
        <input type='hidden' id='mesId' value="213"\>
        <font size="small" color="green">水果</font></br>
        <div> 
            <font size ="middle" color="blue">橘子</font> 
        </div></br> 
        <font size ="small">2015-7-5</font>
        <button id="btn" name="btn">dianji</button></br>" 
        <div id ="txt">
            <button id="btn1" name="btn1"  onclick="getTextCom(this)">按钮</button></br> 
        </div> 
    </li></br>
    <li style="height:47px; list-style-type:none;">
        <input type="hidden" id="getter" value="栗子"\>
        <input type='hidden' id='mesId' value="1234"\>
        <font size="small" color="green">水果</font></br>
        <div> 
            <font size ="middle" color="blue">橘子</font> 
        </div></br> 
        <font size ="small">2015-7-5</font>
        <button id="btn" name="btn">dianji</button></br>" 
        <div id ="txt">
            <button id="btn1" name="btn1"  onclick="getTextCom(this)">按钮</button></br> 
        </div> 
    </li></br>
</body>


 function getTextCom(btn){
  var li=$(btn).closest('li');
    alert(li.index())
    var hidden=li.find(':hidden');
    hidden.each(function(){alert(this.value)})
}

用jquery最方便 通过ID 取值

function getText(){
var str = $("#getter").val(); //通过隐藏域的ID 取值
alert(str);
var li=$(btn).closest('li');
alert(li.index());
}

试试吧 望采纳

给你看个例子
**

    • 111
    • 222
    • 333
    • 444


<br> $(&quot;#test li&quot;).click(function(){<br> var index = $(this).index()+1;<br> alert(index);<br> return false;<br> });<br> **
    • 111
    • 222
    • 333
    • 444

$("#test li").click(function(){ var index = $(this).index()+1; alert(index); return false; });

图片说明