如何获取div的动态id值

时间:2010-08-27 05:49:35

标签: javascript jquery

我有一个组合框。当我从组合框中选择一个值时,它会打印下面的一些结果。我有一个删除每个结果的链接。因此,当我单击“删除”链接时,应删除特定结果。我正在使用jquery来删除进程。我真正想要的是,结果是动态生成的,因此每个删除链接都有特定的id值。我想知道当我点击特定的“删除”链接时,如何删除特定结果,因为每个结果都有唯一的ID。我如何从jquery获得它。

PHP代码:

<?php
  include("db.php");
  $make_id = $_GET['make_id'];
  $sql = mysql_query("select model_id, model from models where make_ID = $make_id");
  while ($row = mysql_fetch_array($sql)) {
      echo "<tr>";
      echo "<td id='" . $row['model_id'] . "' class='model_id_class' width='200'>" . $row['model'] . "</td>";
      echo "<td width='50'>" . "<a href='delete_model.php' id='delete_class'>" . "Delete" . "</a>" . "</td>";
      echo "</tr>";
  }
?>

4 个答案:

答案 0 :(得分:1)

如果您在动态制作的内容(例如<a>)中创建<span>删除链接,则可以执行类似

的操作
<span>A result generated dynamically 
      <a href='#' onclick='$(this).parent().remove()'>delete this result</a>
</span>

Dunno,如果这接近回答你的问题......

答案 1 :(得分:1)

根据评论中的代码,您的输出可能是这样的:

<tr>
  <td id="x">
    result
  </td>
  <td>
    <a class="delete_class">delete</a>
  </td>
</tr>

因为它全部在同一个tr:

$('.delete_class').live('click',function(){
  $(this).parents('tr').remove();
}

答案 2 :(得分:0)

通常,在j-query中执行此类操作,您应该尝试关联链接和结果 - 这使得它更简单。像

这样的东西
<div class="container">

   <div class="resultArea">
     ....
   </div>

   <a href="#" class="deleteLink">Delete</a>

</div>

然后下面的脚本将它们链接在一起

$('.container').each(function() {

  var container = $(this);
  var result = container.find('.resultArea');
  var link = container.find('.deleteLink');

  link.onClick(function() { // code to remove });

});

答案 3 :(得分:0)

  

我有一个删除每个结果的链接。   这是否意味着您要删除的每件事的删除链接?这就是我在这里假设的。

我在最近的一些工作中使用了它。它使用.live,否则每次添加具有删除按钮的东西时都需要绑定点击事件。基本上单击class =“remove”的任何内容都将删除父行。

$('a.remove').live('click', function() {
       $(this).parent('tr').fadeOut(500, function() {
           $(this).remove();
       });

});