动态DIV和jQuery

时间:2014-11-27 03:34:17

标签: jquery

我正在创建具有动态ID的DIV,我试图将其提交到数据库以检索数据。我想我应该用“这个”,但我不是一个经验丰富的编码员。虽然我确实得到了“这个”的概念,但不知道如何使用它。

for (var i in data.results) 
  {
  document.getElementById("list-canvas").innerHTML += "<div id='list_element" + 
  data.results[i].id + "'>" +
  "<div id='list_image'>" +
    "<div id='actual_image'>" + data.results[i].feature_image +
    "</div>" +
  "</div>" +
"</div>";

       $(document).on('click', "#list_element"+data.results[i].id, function()
           {
           $.post('sql_p.php', {id : data.results[i].id }, function(data)
              {
              $("#left_2").hide();$("#left_3").show();
              document.getElementById("left_3").innerHTML = data;
              });
           });
    }

2 个答案:

答案 0 :(得分:1)

$(this)将引用调用方法的对象。例如:在代码中使用click功能。您将点击功能绑定到#list_element+data.results[i].id。在此功能中,您可以使用$(this)来添加类似$(this).addClass()$(this).hide()这样的新类。调用$(this)最终会在jQuery构造函数中处理提供的DOMElement。您可以查看this文章。

答案 1 :(得分:0)

尝试将data.results.id替换为$(this)[0].id