¡Probé todas las soluciones disponibles en línea pero no pude lograr el resultado! Quiero acceder al elemento dentro del iframe de mi página index.html

índice.html

 //jquery-3.6.0 cdn <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> //iframe <iframe id="myIFrame" src='test/button.html' width="80%" height="600"></iframe> <script> $(document).ready(function () { //change button color inside iframe to red when clicked $("#iviFrame1").on("load", function () { $("#iviFrame1").contents().find("button").on("click", function () { $("#iviFrame1").contents().find("button").css("background-color", "red"); }); }); }); </script>

También probé:

 $('#quizIFrame').contents().find('body')

También probé reemplazando carga con listo y listo con carga... ¡pero no funcionó!