Я хочу обнаружить новый li, созданный только ol в div. Я хочу, чтобы автоматически увеличивать идентификатор нового li.
Примечание. Новый li создается списком ol, но не событием onclick.
<div id="txtarea" contenteditable="true">Some text</div>
var counter = 0;
$(document).ready(function () {
var html = "<div class='steps ' style='background-color: #d3d3d3 !important'><ol ><li class='personid' id='"+ counter++ +"' style='border: solid white 1px'><a href='url-here' >Link Text </a></li></ol><div>";
$("#txtarea").html(html);
});
Вы можете сделать это с помощью следующего кода здесь, я создаю только 10 li, которые вы также должны увеличить, если хотите.
Некоторые тексты<script type="text/javascript">
var counter = 0;
var html = "<div class='steps ' style='background-color: #d3d3d3 !important'><ol >";
var data = "";
$(document).ready(function () {
while (counter < 10) {
data = data + "<li class='personid' id='" + counter + "' style='border: solid white 1px'><a href='url-here' >Link Text </a></li>";
counter = counter + 1;
}
html = html + data + "</ol><div>";
$("#txtarea").html(html);
});
</script>