使用动态列表显示getelementsbyclassname值

Question

我是jquery的新手，所以我一直在学习，我有一个动态列表，它有唯一的值。我使用getelementsbyclassname来检索按钮click.initially上的这些值。无论我点击哪个按钮，它只会显示列表中的第一个值，所以我添加了一个for循环，现在它只在一次点击时显示所有的值。我需要它在每次点击按钮时显示该行的值。

       <li>cats
        <param class="lke" value="152">
      <button class="btnSave">Save Click</button>

        </li> 
      <li>dogs 
        <param class="lke" value="151">
      <button class="btnSave">Save Click</button>

        </li>
       <li>Fish
        <param class="lke" value="150">
      <button class="btnSave">Save Click</button>

        </li>


   $(document).ready(function () {

    $(".btnSave").click(
        function () {
            popUp();
        }            
    );
});



var arr =document.getElementsByClassName('lke');

 function popUp(){

for(var i = 0;i < arr.length;i++){
    alert(arr[i].value);
}
}

Answer 1

您可以执行以下操作。

// Bind to button click event
$('.btnSave').click(function(){
    // Alert the value attribute. This will always return for the first matching element
    alert($('.lke').attr('value'))
})

示例如下：https://jsfiddle.net/tk9kx8gz/

Answer 2

也许这个脚本可以帮助你

​

$('button.btnSave').click(function () {
  var param = $(this).prev();
  var value = $(param).attr('value');
  alert(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>cats
        <param class="lke" value="152">
      <button class="btnSave">Save Click</button>

        </li> 
      <li>dogs 
        <param class="lke" value="151">
      <button class="btnSave">Save Click</button>

        </li>
       <li>Fish
        <param class="lke" value="150">
      <button class="btnSave">Save Click</button>

        </li>

​