如何在jquery中訪問動態創建的元素ID？

-4

我想使用jQuery訪問動態創建的ID。如何在jquery中訪問動態創建的元素ID？

我創建動態<li>元素和添加ID到它，而使用下面的代碼創建它。

<?php foreach ($alerts as $a) : ?> 

<li id="<?php echo $a['value']['alert_name']; ?>"><?php echo $a['value']['alert_name']; ?> <a href="#" class="edit-link tip-open" data-oid="<?php echo $a['oid']; ?>" data-eid="<?php echo $a['value']['alert_name']; ?>">edit</a></li> 

<?php endforeach; ?>

在這裏，我使用PHP數組的值加到id來li元素。

現在我想用自己的id.My問題，請刪除，李是當我寫(#id).remove()其不去除頁面li元素。

當我查看頁面查看源代碼，我發現編號是不存在的，當我按F5 ID是存在的。

請幫我使用他們的動態分配的id刪除該li元素與我重新加載頁面。

我想刪除使用下面的代碼，李在名爲jQuery的func.js anither文件：

$("#"+response['aname']).remove();

這裏響應數組包含ID的名稱。

按我的分析jQuery是沒有得到該動態ID時按F5裏，能有效去除

來源

2013-07-03 Akki

ID在上下文頁面中必須是唯一的。提供呈現的HTML代替不可讀的PHP代碼 –

通過發佈相關代碼改善您的問題。你是如何刪除li元素的？ –

，因爲你可以嘗試像

$("li[id='"+id+"']").remove();

或者這也將工作

$("#"+id).remove();

而且makesure這id應該是不同的，而不是重複

來源

2013-07-03 07:49:03 Gautam3164

如果重複的ID，這將刪除所有，但是通常這是如何處理uggly代碼;）第二個將只適用於第一個匹配元素 –

我不認爲這會有所作爲 – MaVRoSCy

我認爲他沒有重複ID – Gautam3164

選擇動態創建的HTML元素。

現在你必須使用.on()。

更多here

來源

2013-07-03 07:53:30

你有

<?php echo $a['value']['alert_name']; ?>

像ID名稱

，那麼你應該使用這個值名稱以＃

我想這個PHP回聲的價值exampe「foo」

然後我用：

$('#foo').remove()

來源

2013-07-03 07:53:37 carlituxman

不依靠ID或任何指標，你可以嘗試這樣的

<li> 
    <a class="rmv">test</a> 
</li>

在jQuery的

$('.rmv').click(function(){ 
    $(this).parent('li').remove(); 
});

來源

2013-07-03 07:54:33

您可以嘗試通過其類識別它刪除元素：

<?php foreach ($alerts as $a) : ?> 

<li id="<?php echo $a['value']['alert_name']; ?>"><?php echo $a['value']['alert_name']; ?> <a href="#" class="edit-link tip-open" data-oid="<?php echo $a['oid']; ?>" data-eid="<?php echo $a['value']['alert_name']; ?>">edit</a> 
<a class="yourClass">delete</a></li> 

<?php endforeach; ?>

Th帶你的jQuery：

$(".yourClass").click(function() { 
    $(this).parent().remove(); 
});

來源

2013-07-03 07:57:55 chrisbjr

如果你想刪除李則顯得非常簡單：

Java腳本代碼：

<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('a.delete').on('click', function(){ 
     $(this).parent().remove(); 
    }); 
}); 
</script>

PHP代碼：

<?php 
$alerts = array('Apple','Banana','Cat'); 
foreach ($alerts as $i => $a) : ?> 
<li id="li_<?php echo $i;?>"> 
    <?php echo $a; ?> 
    <a href="#" class="edit-link tip-open" data-oid="<?php echo $a; ?>" data-eid="<?php echo $a; ?>">edit</a> 
    | 
    <a href="#" class='delete'>delete</a></li> 
<?php endforeach; ?>

我希望你明白：）

來源

2013-07-03 08:09:37

如何在jquery中訪問動態創建的元素ID？

回答

相關問題