取得atribute jQueryのスライドから、それは私は、このHTMLコードを持って

Question

にロードされたとき：

<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> 

私はbxsliderを作成すると、各スライドは、その「李」タグでタイトルを使用して作成されます。スライドが変更されてh4タグに書き込まれるたびにこのタイトルを取得できるようにしたいと思います（私はすでにこの最後のことをやっている方法を知っています）。

このようにして、各スライドには独自のタイトルがあるため、bxslideのタイトルは動的になります。

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

あなたは私を助けることができれば、私は感謝します：

これは、すべてのデータがすでにそのタグの下に追加されたときに、私はbxsliderを作成する方法です。ありがとう。

マイク。

Answer 1

...以下の更新されたコードを確認してください。

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

Answer 2

これに対して、 'onSlideAfter'イベントを使用できます。これはonSlideAfter機能を使って、トリックを行う必要があります

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