javascript - jQuery $ ('body' ).on 带参数

Question

我有功能

    $('body').on('click', '.urlsend', function ()
    {
         console.log("this.parameter");
    }

所有带有“.urlsend”的元素都有一些参数，我需要将其传递给函数。HTML 看起来像这样:

<div id="canvas">

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
function loadImgs(){

<!--somecode-->

  function gotData(arr){
    var element="";
    for(var i = 0;i<arr.data.length;i++)
    {
        var img = arr.data[i].images.original.url;
        element += '<img src="'+img+'" class="urlsend" data-url="'+img+'">';

    }
    $('#canvas').html(element);
  }

}
</script>

Answer 1

您可以使用 .attr 获取 HTML 元素的参数或属性。

$(document).ready(function() {
  $('body').on('click', '.urlsend', function() {
    console.log($(this).attr("parameter"));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="urlsend" parameter="1"> urlsend DIV 1</div>
<div class="urlsend" parameter="2"> urlsend DIV 2</div>
<div class="urlsend" parameter="3"> urlsend DIV 3</div>
<div class="urlsend" parameter="4"> urlsend DIV 4</div>

文档:http://api.jquery.com/attr/