Question

让我们考虑以下情况：

<div class="op">
    <input type="hidden" class="sop" value="good" name="wish"/>
    <p class="op1">good morning</p>
    <p class="frwd">forward</p>
</div>

<div class="op">
    <input type="hidden" class="sop" value="bad" name="wish"/>
    <p class="op1">bad morning</p>
    <p class="frwd">forward</p>
</div>

<div class="op">
    <input type="hidden" class="sop" value="luck" name="wish"/>
    <p class="op1">lucky morning</p>
    <p class="frwd">forward</p>
</div>

现在，当用户点击转发时，应检索p.op1中的文字和.sop的{{1}}的值。

我已尝试使用div.op，但它为转发的所有点击提供了相同的值。

Answer 1

使用下面的代码

$(document).ready(function(){

$(".frwd").bind("click",function(){

alert($(this).parent().find(".op1").text());
alert($(this).parent().find(".sop").val());
});
})

请检查以下小提琴 http://jsfiddle.net/9QPZ8/1/

Answer 2

试试此代码

<script type="text/javascript">
                     $(document).ready(function () {
                         $('.frwd').click(function () {

                             var opttext = $(this).parent().find('.op1').text();
                             alert(opttext);

                             var inputval = $(this).parent().find('.sop').val();
                             alert(inputval);

                         });

                     });

                 </script>

Answer 3

$('body').on('.frwd' , 'click' ,function(){
$(this).parent().find('.op1').text();
})

Answer 4

$(document).ready(function(){
    $(".frwd").on("click",function(e){
          e.stopImmediatePropagation();
          var op1text = $(this).siblings(".op1").text();
          var soptext = $(this).siblings(".sop").val();
     });
});

Answer 5

 $(document).ready(function(){

    $(".frwd").click(function(){
    var op1text = $(this).siblings(".op1").text();
    var soptext = $(this).siblings(".sop").val();
    alert("op1text:" + op1text);
    alert("soptext:" + soptext);

   });
 });

Answer 6

我使用了jquery 兄弟姐妹来达到你的要求。对于工作示例FIddle Here。

代码：

$(".frwd").on("click",function(){
   alert($(this).siblings(".op1").text());
   alert($(this).siblings(".sop").val());
});

如何在所有div的<div>中获取特定<div>中的文本

6 个答案: