使用$(document).ready(function()更改标签的文本

时间:2018-09-11 17:06:38

标签: javascript jquery

我正在尝试更改标签中显示“副本”的标签

$(document).ready(function() {
  $('.availableLabel.copiedCountLabel').text("Available in Region");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="availableDiv0" class="availableDiv copiesCountSection">
  <span class="availableLabel copiesCountLabel">Copies: </span>
  <span style="display:inline-block;" name="smallSearchingGif" id="copiesCountNumber1040573" class="availableNumber copiesCountNumber">
    2
  </span>
</span>

如何将文本“份数”更改为“在区域中可用”。

2 个答案:

答案 0 :(得分:1)

也许这堂课错了吗?

.copiedCountLabel

尝试在HTML代码中使用类.copiesCountLabel:

$(document).ready(function(){
 $('.availableLabel.copiesCountLabel').text("Available in Region");
});

答案 1 :(得分:-3)

如果要同时选择两个类的标签,则需要将选择器一起写成一个空格。

在您的情况下,它是.availableLabel.copiesCountLabel标签的类别。

$(document).ready(function() {
  $('.availableLabel.copiesCountLabel').text("Available in Region ");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="availableDiv0" class="availableDiv copiesCountSection"><span class="availableLabel copiesCountLabel">Copies: </span><span style="display:inline-block;" name="smallSearchingGif" id="copiesCountNumber1040573" class="availableNumber copiesCountNumber">2</span></span>

如果这是唯一需要更改的元素,那么最好使用id而不是class