jQuery：查找和替换文本不起作用

Question

我想更改h2的文本

<div id="freeads_box" class="freeads_box">
  <input value="3" type="radio" name="radioname">
  <h2>sometest </h2>
</div>

我试过了

var x=4;
$("#freeads_box").find("input[value='3']").next("h2").html(x);
$("#freeads_box").find("input[value='3']").siblings("h2").html(y);
$("#freeads_box").children("input[value='3']").end().children("h2").html(x);

但是似乎没有什么可以改变h2中的文本

更新

var s=$(".freeads_box").find("input[value='3']").val();
alert(s);

打印未定义

提前致谢

Answer 1

这似乎工作：

 $(document).ready(function(e) { var x = 4; $("#free_box").find("input[value='3']").next("h2").html(x); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="free_box"> <input value="3" type="radio" name="radioname"> <h2>sometest </h2> </div> 

Answer 2

您可以尝试通过以下方式更改js代码吗？

var x=4;
$("#free_box").find("input[value='3']").next("h2").html(x);
$("#free_box").find("input[value='3']").siblings("h2").html(y);
$("#free_box").children("input[value='3']").end().chilren("h2").html(x);

希望它可以帮助您...

Answer 3

您的问题是您有许多<div id="freeads_box">使用<div class="freeads_box">

用类和您的jquery替换id：

$(".freeads_box").find("input[value='3']").next("h2").html(x);

每个页面只能有一个唯一的ID 。

 $(document).ready(function(e) { var x = "changed !"; $(".freeads_box").find("input[value='3']").next("h2").html(x); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="freeads_box"> <input value="3" type="radio" name="radioname"> <h2>sometest </h2> </div> <div class="freeads_box"> <input value="1" type="radio" name="radioname"> <h2>sometest </h2> </div> <div class="freeads_box"> <input value="3" type="radio" name="radioname"> <h2>sometest </h2> </div> <div class="freeads_box"> <input value="4" type="radio" name="radioname"> <h2>sometest </h2> </div>