Get atribute von JQuery Folie, wenn es

Question

geladen Ich habe HTML-Code:

<div class = "col-lg-6 col-xs-6 sectionPanel panel panel-default"> 
    <div> 
     <h4 align="center">Information of </h4> 
     <hr/> 
    </div> 
    <br/> 
    <div id="addressesGroupCtrl1" class="center"> 
     <ul class="bxslider" id="bxId"></ul> 
    </div> 
</div> 

Wenn ich die bxslider erstellen, wird jede Folie mit einem Titel in seiner 'li' Tag erstellt. Ich möchte in der Lage sein, diesen Titel jedes Mal zu bekommen, wenn eine Folie geändert wird, und es in h4-Tag schreiben (ich weiß bereits, wie man diese letzte Sache macht).

Auf diese Weise wäre der Titel von bxslide dynamisch, weil jede Folie ihren eigenen Titel hat. Diese

ist, wie ich die bxslider erstellen, wenn alle Daten, die bereits unter dem Etikett angehängt wird:

$('#bxId').bxSlider({ 
    adaptiveHeight: true, 
    mode: 'fade' 
}); 

Ich schätzte würde, wenn ihr mir helfen könntet. Vielen Dank.

Mike.

Answer 1

Dies sollte mit der onSlideAfter Funktion funktionieren.

$('#bxId').bxSlider({ 
    adaptiveHeight: true, 
    mode: 'fade', 
    onSlideAfter: function($slideElement, oldIndex, newIndex){ 
     $('h4').html($slideElement[0].innerText); 
    } 
}); 

Answer 2

Sie können das Ereignis 'onSlideAfter' dafür verwenden. Überprüfen Sie den aktualisierten Code unten.

$('#bxId').bxSlider({ 
    adaptiveHeight: true, 
    mode: 'fade', 
    onSlideAfter: function($slideElement, oldIndex, newIndex){ 
     $('h4').html($($slideElement).attr('title')); 
    } 
})