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

-2

我是JavaScript新用戶。使用下面的代碼，我有興趣展示三個值。我遇到的第一個問題是document.write不起作用。我輸錯了什麼？另一個問題是，我想在瀏覽器窗口的屏幕上顯示 first_div包含的文本。我相信first_div中的所有div都會顯示文本的「價值」。我如何得到這個顯示？如何使用jQuery和HTML在屏幕上顯示特定文本？

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

來源

2016-06-08 J_Dawg

參見[爲什麼文件撰寫視爲「不好的做法「？]（http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice）。如果要選擇'div.first_div'內的所有'div.comment'元素，則需要在兩者之間留出空格，即$（'。first_div .comment'）'。參見[jQuery Descendant Selector]（https://api.jquery.com/descendant-selector/）。這是一個[工作示例]（https://jsfiddle.net/5148usom/）。 – showdev

謝謝showdev，這非常有幫助。 –

當前.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

來源

2016-06-08 21:45:59 Pluto

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

回答

相關問題