创建＆＃34;标记＆＃34;来自文字

Question

我需要为循环中的每个项目创建一种标记。我们的想法是单独点击每个项目，它们允许发出AJAX请求，但我当然不知道如何实现这一点。我使用Bootstrap作为CSS框架，所以也许这有点帮助。下面的图片属于Bootstrap警报元素：

但这几乎是我想要实现的目标。我们以这个简单的PHP循环为例：

for ($i = 0; $i < 10; $i++)
{
    echo '<span class="label">Item '. $i .'</span>';
}

如何将每个ItemN包装在一个简单元素中并添加一个X图标或符号，以便我可以点击它并发出一个AJAX请求来删除该项目？可以给我一些帮助吗？

Answer 1

我对Php一无所知，但我会用HTML

来回答它 来自bs docs（http://getbootstrap.com/components/#alerts）的

，这是构建“警报”所需的标记

<div class="alert alert-warning alert-dismissible" role="alert">
   <button type="button" class="close ajax-close" data-id="5"><span aria-hidden="true">&times;</span></button>
   <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

注意我已将ajax-close类添加到关闭按钮，因此您可以在单击时触发ajax调用，然后您只需要一个脚本：

$('.ajax-close').click(function () {
    $.ajax({
        url: "api/test/" + $(this).data("id"),
        context: document.body
    }).done(function() {
       //....
    });
});

注意我添加了一个data-id属性并传递给url，这样你就可以知道哪个元素删除了你的数据库，这当然可以根据你的需要改变。

希望有所帮助