Question

我对这些有唯一的ID，但我想将所有div与class =“on”更改为内容“Goodbye”。有没有办法做到这一点，而无需单独调用每个ID？

：此...

<div class="on" id="1">Hi</div>
<div class="random" id="2">Hi</div>
<div class="on" id="3">Hi</div>

......看起来像这样。

<div class="on" id="1">Goodbye</div>
<div class="random" id="2">Hi</div>
<div class="on" id="3">Goodbye</div>

Answer 1

尝试.html()：

$('.on').html('Goodbye');

或.text()：

$('.on').text('Goodbye');

Answer 2

您打算如何更改内容？用jQuery单击事件？如果是单击事件，您可以执行以下操作：

<div class="content">Hi</div>
<div class="content">Hi</div>
<div class="content">Hi</div>

然后你可以说：

$(document).ready(function(){
  $('.content').click(function(){
     $(this).html('Goodbye');
  });
});

我没有测试过，但这是我要开始的地方。

Answer 3

我不完全确定你要做什么，但你可以用jQuery做类似的事情

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<div id="container">
    <div class="on" id="1">Byte</div>
    <div class="random" id="2">Bye</div>
    <div class="on" id="3">Byte</div>
</div>

<script type="text/javascript">
    $("#container").children().each(function(n, i) {
        $(div.on).replaceWith( "<div class="on" id="this.id">" Goodbye + "</div>" );
    });
</script>

根据相同的类名更改多个div内容？

3 个答案: