Select 可变文本并设置样式

Question

我正在尝试 select 一些文本并在滑块前进到下一张幻灯片时将其加粗。我有“Showing 1 out of 3”，但是当你循环浏览时，它在循环中并不粗体。我想确保 "showing #" 始终是粗体。这是我当前的代码。

<div id="carousel-index" style="text-align: left;"><b>Showing 1</b> out of 3</div>

<script>

$('.Leadership').on('slid.bs.carousel', function () {


  var carouselData = $(this).data('bs.carousel');

  var currentIndex = carouselData.getItemIndex(carouselData.$element.find('.item.active'));
  var total = carouselData.$items.length;

  var text = " Showing " + (currentIndex + 1) + " out of " + total;

  $('#carousel-index').text(text);
});

</script>

Answer 1

你可以这样做：

var text = "Showing" + (currentIndex + 1) + " out of " + total;

那么"Showing #"总是粗体

Answer 2

好吧，前几天我想通了，对 post 修复感到非常尴尬：

更改此 $('#carousel-index').text(text); 为此：$('#carousel-index').html(text);

<div id="carousel-index" style="text-align: left;"><b>Showing 1</b> out of 3</div>

$('.Leadership').on('slid.bs.carousel', function () { var carouselData = $(this).data('bs.carousel'); var currentIndex = carouselData.getItemIndex(carouselData.$element.find('.item.active')); var total = carouselData.$items.length; var text = " Showing " + (currentIndex + 1) + " out of " + total; $('#carousel-index').html(文本); });

Select 可变文本并设置样式

Select var text and set styling

javascript

slider

twitter-bootstrap