Run JQuery in the context of another frame

by

The jQuery function, which you more commonly call with $, takes a second argument called context, which is “which DOM element of jQuery object should I do the search in”. Most of the time you omit this argument, so the context defaults to the current HTML document. When your code is executing in the iframe, the document defaults to that iframe’s document. But you can easily grab the document for one of the other frames.

For example, put this in myFrame.html, and this will remove all the h1 elements from the frame with blah.html in it. Notice the second argument to $, which is the expression that grabs the blah frame from within important frame:

<html>
  <head>
    <script type="text/javascript" src="https://stackoverflow.com/javascripts/jquery.js"></script>
    <script type="text/javascript">
      function doIt() {
        $('h1', window.parent.frames[0].document).remove()
      }
    </script>
  </head>
  <body>
    <h1>My Frame</h1>
    <a href="#" onclick="doIt()">Do It</a>
  </body>
</html>

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. jquery change section with scrolling and animation
  3. How to allow only numeric (0-9) in HTML inputbox using jQuery?
  4. Click button copy to clipboard
  5. Change the image source on rollover using jQuery
  6. Get checkbox value in jQuery
  7. Show div on scrollDown after 800px
  8. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  9. How to remove close button on the jQuery UI dialog?
  10. jQuery on window resize
  11. Adding attribute in jQuery
  12. Hide/Show Column in a HTML Table
  13. Set selected option of select box
  14. Submit form with Enter key without submit button? [duplicate]
  15. jQuery find element by data attribute value
  16. .autocomplete is not a function Error
  17. jQuery hide element while preserving its space in page layout
  18. How to render partial view in MVC5 via ajax call to a controller and return HTML
  19. jquery html() strips out script tags
  20. Is there a good jQuery Drag-and-drop file upload plugin? [closed]
  21. Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”
  22. Bootstrap CSS Active Navigation
  23. HTML5 validation before ajax submit
  24. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  25. Wrap elements inside a div using jQuery
  26. jQuery html attribute not working in IE
  27. Force a checkbox to always submit, even when unchecked
  28. access div in iframe parent
  29. Async and document ready
  30. How can I change text after time using jQuery?

Leave a Comment