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

打印undefined

提前致谢

Answer 1

这似乎有效：

＆＃13;

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

＆＃13;

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

＆＃13;

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

用类替换id并在你的jquery：

中

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

页面上只能有一个 ID唯一。

＆＃13;

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

＆＃13;

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

＆＃13;

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

更新

3 个答案: