Question

嗨，实际上我使用jQuery和AJAX来处理CakePHP项目..

所以我在php循环中重复了一个div ... 这就是div的样子：

<div class="heart">
 <input type="hidden" id="id of loop iterate" />
</div>

我想要的是每次点击div我都会隐藏输入的ID ..

我尝试了什么：

jQuery('.heart').click(function(){
            var input=$(this).html();
            alert(input.prop('id'));
});

请帮助!!

Answer 1

您可以使用此

$(this).find('input[type="hidden"]').attr('id')

工作演示

jQuery('.heart').click(function() {
  var input = $(this).find('input[type="hidden"]').attr('id')
  alert(input);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="heart">
  <input type="hidden" id="id of loop iterate" />Click Me !!!!!!!!!!
</div>

Answer 2

我已经看到了你的代码，你的代码是为了动态循环所以，简单的jquery不起作用，你想在jquery中稍微改变一下，看看这里

     <script>
  $(document).on('click','.heart',function(){

           var input = $(this).children().attr('id');
           alert(input);

      });
   </script>

和你的html代码在这里，写一些东西找出像这样的div

 <div class="heart">
     gjdfjgdfsk
     <input type="hidden" id="id of loop iterate" />
</div>

读取div的内容，其中包含输入隐藏的jQuery

2 个答案: