javascript - 如何获取所有 div 中特定 中存在的文本

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 中显示的文本以及该 div 的 .sop 的值.op 应该被检索。

我尝试过使用 $('.op1').text，但它为前进上的所有点击提供相同的值。

Answer 1

使用下面的代码

$(document).ready(function(){

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

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

请检查下面的 fiddle http://jsfiddle.net/9QPZ8/1/