javascript - 使用 JQuery 更改 iframe 上的图像

Question

当我单击网页的图像时，我需要使用 jQuery 更改图像，我需要该页面向我显示提示、警报...或类似的位置，以便我放置新图像的新路径。

有人有什么想法吗？

我展示了我使用 Jquery 更改段落和标题的代码，我需要类似的但对于图像。

$("#probando").contents().find("#cabecera1").click(function () {
    var nuevoTexto = prompt("Introduzca el nuevo contenido");
    $("#probando").contents().find("#cabecera1").text(nuevoTexto);
});

需要更改的图像位于框架中。

<iframe id="probando" src="prueba2.html" scrolling="auto" height="700" width="750" marginheight="0" marginwidth="0" name="probando"></iframe>

Answer 1

有一点我不明白:您必须单击框架中的图像，当您单击时，会出现一条提示，要求为该图像写入新路径。当提示提交时，src的图片发生了变化，是这样吗？

在这种情况下，您可以直接在框架包含的页面上编写代码。

$().ready(function() {
  $('#imageId').click(function() {
    var newPath = prompt('Please enter new path for image :');
    $(this).attr('src',newPath);
  });
});

如果不是这样，请解释一下结构是什么以及在哪里 =)