在单击事件后将元素从具有类似类的元素中识别出来

Question

我有一个jquery对话框，当用户悬停指向页面上某些缩放图像的鼠标指针时，.The对话框中几乎没有用户可以选择的选项，然后他必须单击确认按钮，.There是多个缩放图像，在父页面上有相同的类。如何在“确认”按钮单击jquery函数对缩放图像或缩放图像的父div/容器执行操作，考虑到缩放图像没有它们的I而是同一个类。

    $( ".cornerimage" ).mouseover(function() {
          $("#dialog").dialog( "open" );
        });


    $("#confirm").click(function(){

         });

这是一把小提琴的样品：

https://jsfiddle.net/rawatdeepesh/uxk9kLa3/2/

我是否需要弄清楚哪个图像被悬停，并暂时保存到对话框关闭.

ps:小提琴有用户界面脚本n的外部链接。

提前谢谢！

Answer 1

我是否需要弄清楚哪个图像被悬停，并暂时保存到对话框关闭时。

是的，，不管怎样。我建议暂时将类附加到原始映像本身。打开对话框时调用.addClass，单击确认框后调用.removeClass：

$(".cornerimage").mouseover(function() {
  $(this).addClass("dialog-target");
  $("#dialog").dialog("open");
});


$("#confirm").click(function() {
  $(".dialog-target").removeClass("dialog-target");
  $("#dialog").dialog("close");
});

小提琴更新：https://jsfiddle.net/La7kaa9g/

如果在对话框已经打开时触发了mouseover处理程序，您可能需要进行一些额外的检查，以确保不会出现多个dialog-target。

Answer 2

您应该使用这个关键字，它将指向当前的缩放图像，例如

  $("#confirm").click(function(){
    $(this).(your code);
       });