Jquery选择图像

Question

首先，我是 Jquery 新手。

我有这样的图片。我想要的是，当用户单击图像时，它会使图像带有边框。用户可以选择多个图像。选择时所有内容都必须带有边框。单击按钮后，我将获得图像 ID。

  <tr><img id="i will put value for db processing"src="urlofimage"</tr> &nbsp;

我该怎么做？

Answer 1

你的意思是:

$.fn.hasBorder = function() {   
  if ((this.outerWidth() - this.innerWidth() > 0) ||  (this.outerHeight() - this.innerHeight() > 0)){
        return true;
    }
    else{
        return false;
    }
};
$(document).ready(function() {
  var selectedImgsArr = [];
   $("img").click(function() {

      if($(this).hasBorder()) {
          $(this).css("border", "");
          //you can remove the id from array if you need to
      }
      else {
         $(this).css("border", "1 px solid red");
         selectedImgsArr.push($(this).attr("id")); //something like this 
      }
   });
});