jquery - jquery如何在可编辑的iframe中操作用户选择中的img属性

Question

我需要在可编辑的 iframe 中使用 imgs 进行一些操作。我可以使用所有图像（例如，这里是代码）， $(iframe).contents().find('img').attr('alt', 'new alt')但我只需要用户选择中的 img。请帮帮我。谢谢

Answer 1

当用户选择获取您的代码以向用户选择中的图像添加选择类时，使用

//inserted within your selection method 
$(iframe).contents().find('img').removeClass('selectionClass');
//this removes all previously selected images
//unless you have a deselection method in which case you don't need this,
//you would need to add $(this).removeClass('selectionClass') to the deselection

$(this).addClass('selectionClass');
//adds it to currently selected images

然后在选择要编辑的图像时使用：

$(iframe).contents().find('img.selectedClass').attr('alt', 'new alt');

Answer 2

为什么不给你的标签一个 id，然后使用 jQuery 调用它，然后设置 alt 属性。例如：

<img id="myImageId"/>

$("#myImageId").attr("alt","This is an image!");