javascript - 从文本创建 "tag"

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 文档 ( 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，这样您就可以知道从您的数据库中删除了哪个元素，这当然可以根据您的需要进行更改。

希望对你有帮助