JavaScript标题作为标题不起作用

时间:2015-07-25 21:20:19

标签: javascript jquery slider titlebar

我正在尝试实现一个简单的滑块,但我希望将不同div标签的标题用作产品每个类别的标题。但由于某种原因,该功能只显示第一个div的标题,而不是变形。我该如何纠正?

以下是我添加的内容:

$('.next').click(function(){
$('#titlebox').text($('.room').attr('title'));
});

到这个脚本的结尾:
http://codepen.io/anon/pen/OVBvRO

基本上,我想要实现的是在滑块上方的div中为产品(显示)插入标题。如果有替代我尝试过的东西,比如getElementsbyID - 请帮我写一下!只要它完成工作=)

提前致谢!

2 个答案:

答案 0 :(得分:1)

您可以使用package sumofmultiples; public class sumofMultiples{ public static void main(String[] args){ int number = 1; //<- This is the number that we are checking to be a multiple. int totalNumber= 0; //<- Total number of multiples counted so far. while (number < 1000){ if ((number % 3) == 0){ totalNumber++; //The number is a multiple of 3. } else if ((number % 5) == 0){ totalNumber++; //The number is a multiple of 5 } number++; //<- Move on to the next number. } System.out.println(totalNumber); //<- Print results } } 选择器并传递:nth-child()

currentIndex

请注意,$('.next').click(function() { $('#titlebox').text($('.room:nth-child('+currentIndex+')').attr('title')); }); :nth-child()开头。因此,您需要使用:nth-child(1)(currentIndex + 1)的最小值为currentIndex

以下是example codepen,其中添加了1相同的功能,以表明其有效。

答案 1 :(得分:1)

试试这个:

$('.demo').on('click', function(e) {
  var title = $(items[currentIndex]).attr('title');
  if ($(e.target).hasClass('next') && title) {
    $('#titlebox').text(title);
  }
});

http://codepen.io/godban/pen/QbZmxz