Khmer Web: Descendants

ទន្ទឹមនឹងការប្រើប្រាស់ក្បួនវិធីនៅក្នុងកញ្ចប់ jQuery ក្នុងគោលបំណងជ្រើសរើសយកបណ្តាធាតុមេទាំងឡាយ តាមរយៈធាតុរង យើងក៏អាចប្រើប្រាស់ក្បួនវិធីនៅក្នុងកញ្ចប់ jQuery ក្នុងការជ្រើសរើសយកធាតុរង តាមរយៈធាតុមេបានដែរ ដោយប្រើប្រាសវិធីឈ្មោះ children() និងវិធីឈ្មោះ find() ។ ពិនិត្យកម្មវិធីខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">
  
  	div (current element) 
  		p (child)
    		span (grandchild)   
  		
  		p (child)
    		span (grandchild)
  		 
	

   <script>
     $("div").children().css({"color": "red", "border": "2px solid red"});
   </script>

  </body>
</html>

div (current element)

p (child) span (grandchild)

មួយវិញទៀត យើងក៏អាចប្រើប្រាស់វិធីឈ្មោះ children() ដើម្បីជ្រើសរើសយកធាតុរងផ្ទាល់ណាមួយបានដែរ ដោយធ្វើដូចខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">
  
  	div (current element) 
  		p (child)
    		span (grandchild)   
  		
  		p (child)
    		span (grandchild)
  		 
	

   <script>
     $("div").children('p.first').css({"color": "red", "border": "2px solid red"});
   </script>

  </body>
</html>

div (current element)

p (child) span (grandchild)

យ៉ាងណាម៉ិញ បើសិនជាយើងចង់ជ្រើសរើសយកធាតុរងទាំងអស់ ដែលមានប្រភេទជាធាតុ HTML ណាមួយនោះ យើងចាំបាច់ត្រូវប្រើប្រាស់វិធីឈ្មោះ find() ដោយធ្វើដូចខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">
  
  	div (current element) 
  		p (child)
    		span (grandchild)   
  		
  		p (child)
    		span (grandchild)
  		 
	

   <script>
     $("div").find("span").css({"color": "red", "border": "2px solid red"});
   </script>

  </body>
</html>

div (current element)

p (child) span (grandchild)

មួយវិញទៀត បើសិនជាយើងចង់ជ្រើសរើសយកធាតុរងទាំងអស់នៅក្នុងធាតុមេណាមួយ យើងត្រូវប្រើប្រាស់វិធី find() ដោយធ្វើដូចខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">
  
  	div (current element) 
  		p (child)
    		span (grandchild)   
  		
  		p (child)
    		span (grandchild)
  		 
	

   <script>
     $("div").find("*").css({"color": "red", "border": "2px solid red"});
   </script>

  </body>
</html>

div (current element)

p (child) span (grandchild)