Question

我是Javascript的新手。使用下面的代码，我有兴趣显示三个值。我遇到的第一个问题是document.write不起作用。我打错了什么？另一个问题是我想要展示 first_div包含在浏览器窗口中的屏幕上的文本。我相信first_div中的所有div都会显示文本的“值”。如何显示？

<html>
<head>
</head>
<body>
<div class= 'first_div'>
  <p>Content</p>
  <div class='comment'></div>
  <div class='comment'></div>
  <div id='pagination'></div>
</div>




  <script type='text/javascript'>
    document.write("Hello");
    jQuery(function() {
      $('#pagination').addClass('comment');
      $('.first_div.comment').text('value');
      $(document.body).append('hello');

  });



 </script>

</body>
</html>

Answer 1

目前.first_div.comment正在寻找包含这两个类的元素。您希望元素.first_div具有子元素.comment。要做到这一点，请使用空格来选择空格之前的所有后代（而不仅仅是子项）。

您的代码行如下所示：$('.first_div .comment').text('value');

在此处详细了解CSS选择器（这将有助于您解决其他类似问题）：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors#Information_Selectors_based_on_relationships

如何使用jQuery和HTML在屏幕上显示特定文本？

1 个答案: