Javascript 如何让文本以特定形式呈现<；部门>；在所有部门中'；s 我们考虑下面的情况： <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.op

的

.sop

值

我尝试过使用

$（'.op1'）。text

，但它为所有单击forward

使用下面的代码提供了相同的值

$(document).ready(function(){

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

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

请检查下面的小提琴

试试这段代码

<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>

$（文档）.ready（函数（）{
$（'.frwd'）。单击（函数（）{
var opttext=$（this.parent（）.find（'.op1'）.text（）；
警报（opttext）；
var inputval=$（this.parent（）.find（'.sop'）.val（）；
警报（输入值）；
});
});

我使用jquery兄弟姐妹来满足您的需求。 例如工作

代码：

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

---

请添加一点关于您的代码的解释。也许那时我会考虑投票表决你的答案。

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

 $(document).ready(function(){

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

   });
 });

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