Создать «тег» из текста

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> 

Примечание I добавил ajax-close класс кнопку, чтобы закрыть, так что вы можете вызвать вызов Ajax, когда она нажата, то вам просто нужен сценарий:

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

Примечание Я включал данные идентификатор атрибут и передается в URL-адрес, чтобы вы могли узнать, какой элемент удалить из вашей базы данных, это, конечно, может измениться в соответствии с вашими потребностями.

Надеется, что это помогает