-4

我正在尝试使用 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 删除那个 li。我的问题是，当我写(#id).remove()它时，它没有从页面中删除那个 li 元素。

当我检查页面查看源时，我发现 Id 不存在，当我按 F5 时，id 存在。

请帮助我使用动态分配的 id 删除该 li 元素，而无需重新加载页面。

我正在尝试使用另一个名为 jquery-func.js 的文件中的以下代码删除该 li：

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

这里的响应数组包含 id 的名称。

根据我的分析，jquery 没有得到那个动态 id，因为当按下 F5 li 时可以删除

4

6 回答 6

1

你可以试试

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

或者这也可以

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

并确保id应该不同而不是重复

于 2013-07-03T07:49:03.877 回答
1

选择动态创建的 HTML 元素。

现在你必须使用.on().

在这里阅读更多

于 2013-07-03T07:53:30.090 回答
1

您可以尝试通过按其类识别元素来删除该元素：

<?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; ?>

然后在你的 jQuery 中：

$(".yourClass").click(function() {
    $(this).parent().remove();
});
于 2013-07-03T07:57:55.017 回答
0

你有

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

像ID名称

那么您应该将此值名称与#

我猜这个 php echo 的值是例如“foo”

然后我使用：

$('#foo').remove()
于 2013-07-03T07:53:37.520 回答
0

不依赖ID或任何指标，你可以这样尝试

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

在你的 Jquery

$('.rmv').click(function(){
  $(this).parent('li').remove();
});
于 2013-07-03T07:54:33.690 回答
0

如果你想删除 li 那么很简单：

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-03T08:09:37.967 回答