How to get children id when I click the parent?

by

You can pass your clicked element by dataadd(this);

You may wonder how this comes inside the method. adding this keyword like above will refer to the current element.

Then using that element, you can find children and with each you can grab other details by loop through the children.

function dataadd(ele){
 var children = $(ele).find('div');
    children.each(function(idx, element){
      console.log($(element).attr('id'));
 
    });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="big" onclick="dataadd(this)">
   <div id="a">child1</div>
   <div id="b">child2</div>
</div>

More Related Contents:

  1. Disable a part of JavaScript code [closed]
  2. Date Format UTC in javascript [duplicate]
  3. how to store new elements added in webpage by user? [closed]
  4. How can I make my header smaller if i will scroll down the webpage [closed]
  5. Get the size of the screen, current web page and browser window
  6. Height equal to dynamic width (CSS fluid layout) [duplicate]
  7. Set cursor position on contentEditable
  8. Capture key press (or keydown) event on DIV element
  9. Trigger Change event when the Input value changed programmatically?
  10. Javascript onclick function is called immediately (not when clicked)?
  11. ReferenceError: $ is not defined
  12. Using execCommand (Javascript) to copy hidden text to clipboard
  13. How to get the onclick calling object?
  14. How to detect element being added/removed from dom element?
  15. Dashed border animation in css3 animation
  16. CSS3-Animate elements if visible in viewport (Page Scroll)
  17. How to create a responsive image that also scales up in Bootstrap 3
  18. How to focus on a form input text field on page load using jQuery?
  19. jQuery – Redirect with post data
  20. Click on option event
  21. How to replace html element with ajax response?
  22. Trigger standard HTML5 validation (form) without using submit button?
  23. How do I make a move up and down when I’m scrolling the page?
  24. Fade background image in and out with jQuery?
  25. How to do something before on submit?
  26. Convert dropdown to selection boxes with color and trigger drop down action
  27. Placeholder for contenteditable div
  28. Center an Image vertically and horizontally using CSS
  29. Change background on button click, using CSS only? [duplicate]
  30. Set value to currency in

Leave a Comment