Question

我是jquery的新手所以我正在学习，我有一个具有唯一值的动态列表。我使用getelementsbyclassname在按钮点击时检索这些值。最初它只显示第一个值列表无论我点击哪个按钮，所以我添加了一个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>

使用动态列表显示getelementsbyclassname值

2 个答案: