estoy tratando de tomar el indice de un elemento creado dinamicamente que tengo en una lista, aca les dejo las estructura del DOM
<section class="cd-horizontal-timeline loaded" id="timelineSection">
<div class="timeline">
<div class="events-wrapper">
<div class="events" style="width: 300px; transform: translatex(-120px);">
<ol>
<li><a href="url" ></a> </li>
<li><a href="url" ></a> </li>
<li><a class="selected" href="url" ></a> </li>
</ol>
<span class="filling-line" aria-hidden="true"></span> </div>
</div>
<ul class="cd-timeline-navigation">
<li>
<a class="prev" href="#0">Prev</a>
</li>
<li>
<a class="next" href="#0">Next</a>
</li>
<button id="closeTimeline" type="button">Chiudi</button>
</ul>
</div>
</section>
hasta el momento he probado a hacer lo siguiente:
$("a.selected").index($('.events ol li'));
resultado : -1 (en cualquier indice este el elemento)
$(".events ol li").index('a.selected');
resultado : siempre -1 como antes
$("a.selected").parent().index();
resultado : siempre 0
$("a.selected").closest("li").index()
resultado : siempre 0
pero no tube ningun tipo de resultado ..
EDIT
tratando de tomar el indice :
$("button#linetime").on("click", function(){
var eventsLength = $(".events ol li").length;
var selectedIndex = $("a.selected").index($('.events ol li'));
alert(selectedIndex);
$("section#timelineSection").toggle();
if ($("a.selected").parent().is(":last-child") ){
$("a.next").click();
}
});
creando los elementos :
$.ajax({
url: url ,
type: "GET",
headers: {
"ACCEPT": "application/json;odata=verbose"
},
success: function(data){
var dataAtt;
var date;
for(var i = 0 ; i < $(data.d.results).length; i++){
var dataCreaz = new Date(data.d.results[i].Modified);
var mese = dataCreaz.getMonth()+1
if(mese <10)
mese = "0"+mese;
date = dataCreaz.getDay() + "/" + mese + "/" + dataCreaz.getFullYear();
if (data.d.results[i].Id === itemId){
$("div.events ol").append("<li><a class='selected' href='#0' data-date='"+dataCreaz+"'>"+date+"</a></li>");
}else{
$("div.events ol").append("<li><a target='_blank' href='#0' data-date='"+date+"'>"+date+"</a></li>");
}
};
},
error: function(error){
console.log(JSON.stringify(error));
}
});
button#linetime
?