You can’t, not the way you are trying. You can’t start meddling in the iframes internals, it has its own DOM etc that needs to be respected etc
This question is already veering into offtopicness as it is more of a TinyMCE question than a WordPress question
Instead create a tinyMCE plugin, include jQuery in that plugin, and then use standard jQuery to add the classes you need. The tinyMCE plugin js will be inserted inside the editor dom head tags inside the iframe.
At this point it becomes a standard JS jQuery problem, and moves beyond the scope of this website.
Here’s a tutorial on how to create TinyMCE plugins ( just be sure to indent the code correctly:
http://ctx2002.wordpress.com/2008/07/28/how-to-write-a-tinymce-plugin-for-wordpress/
Related Posts:
- How to Use JSON With AJAX?
- WP Admin missing icons, numerous JavaScript errors, but only when SCRIPT_DEBUG is false
- Using Foundation 5 in WordPress Administration Area
- Screen Options JavaScript Code
- Uncaught TypeError: undefined is not a function (shortcode-box)
- JavaScript sleep/wait before continuing [duplicate]
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- What does [object Object] mean? (JavaScript)
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How to set time delay in javascript
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- jQuery equivalent of JavaScript’s addEventListener method
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- My javascript is returning this error: $.ajax is not a function
- Best way to store a key=>value array in JavaScript?
- Javascript Runtime error: $ is undefined
- JavaScript: filter() for Objects
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- JavaScript Loading Screen while page loads
- Format date to MM/dd/yyyy in JavaScript
- How is JavaScript .on() method defined?
- Rotate image with javascript
- Javascript isnull
- How to make a simple image upload using Javascript/HTML
- Javascript TypeError: Cannot read property ‘indexOf’ of undefined
- JQuery: $.get is not a function
- How to get client’s IP address using JavaScript?
- javascript function wait until another function to finish
- Simple throttle in JavaScript
- How to read data From *.CSV file using javascript?
- Enable & Disable a Div and its elements in Javascript
- How can I expand and collapse a using javascript?
- How to call a webservice method from an html page [javascript] with out refresh the page
- Javascript – ERR_CONTENT_LENGTH_MISMATCH
- Javascript : array.length returns undefined
- The ‘describe’ keyword in javascript
- How can I remove all CSS classes using jQuery/JavaScript?
- I want to enqueue a .js file to my child theme
- Is there a way to enable Cross-Origin Resource Sharing for WordPress’ ajaxurl?
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- How to get attachment id as soon as it is uploaded through media uploader in jquery?
- Add tinymce buttons to caption textarea in media uploader
- How to prevent wordpress from loading old versions of jquery in wp_head();?
- Move WordPress native javascript to bottom of page?
- Add custom shortcode button to Editor
- RequireJS in custom theme. Working Example
- Infinite scroll / lazy loading with NextGen Gallery [closed]
- Ajax call does not activate callback function
- How to handle multiple instance of “send_to_editor” js function
- Using ‘$’ instead of ‘jQuery’ in WordPress
- jQuery UI Datepicker not working
- Hook the Keydown Event in the TinyMCE Post Editor
- Automatically decrease font size for long words
- How to get a jQuery script to run on a page?
- Defer Parsing of Scripts
- Modify Custom Field in Media Library using JavaScript
- Draggable item in custom gutenberg block
- Including javascript for a shortcode
- Javascript included but alert() function not working
- Asynchronous Javascript Loaders
- Trying to get single posts to load on the front page via ajax
- Ajax not firing properly using Firefox, but works in Chrome
- wp_enqueuescript won’t load in footer even with true value set?
- Unable to run jQuery script in my template file
- jQuery Hoverintent plugin in TwentyEleven Menu [closed]
- Execution of JavaScript on save post
- How wp_enqueue_script works?
- Add confirmation popup on “Move to Trash”
- Using wp_ajax and wp_ajax_nopriv hooks
- Prevent five different copies of jquery from being included on every page
- Hide/show customizer controls based on other settings in Customizer
- How do I get my page to load the jQuery UI Effects library?
- Is placing stuff in page text edit window bad form?
- Script won’t execute in the media manager
- javascript is not working on Event Submission?
- How to properly add Bootstrap and JQuery Javascripts?
- Add colorpicker to featured image
- Gravity Forms not loading under https, jQuery is not defined
- How to add unique image class to WordPress
- Admin wp_ajax hook returning 0
- Dropzonejs with WPCF7 [closed]
- Edit single attachment on click (WP-admin)
- jQuery Tree View and wp_list_pages
- WordPress Jquery Fade in, Fade out effect
- wp_ajax unauthenticated and authenticated
- Jquery conflict
- WordPress ajax function parameter value not being passed
- Is it safe to include a javascript file in a template’s php file?
- WordPress audio player causing js error, mediaelementplayer is not a function
- JQuery not working on WordPress Admin page [closed]
- Adding a character counter to the excerpt metabox
- Add a Fancybox automatically to post type “post” images
- Auto-detect javascript errors and warn theme user
- combining js scripts from a js newb [closed]
- Enqueuing javascript files
- WordPress customizer refresh screen after save