JavaScript标题作为标题不';行不通
我一直在尝试实现一个简单的滑块,但我想让我的不同div标签的标题用作产品每个类别的标题。但由于某些原因,该函数只显示第一个div的标题,而不显示。我如何纠正它 以下是我补充的内容:JavaScript标题作为标题不';行不通,javascript,jquery,slider,titlebar,Javascript,Jquery,Slider,Titlebar,我一直在尝试实现一个简单的滑块,但我想让我的不同div标签的标题用作产品每个类别的标题。但由于某些原因,该函数只显示第一个div的标题,而不显示。我如何纠正它 以下是我补充的内容: $('.next').click(function(){ $('#titlebox').text($('.room').attr('title')); }); 到此脚本结尾: 基本上,我想要实现的是在滑块上方的div中为产品(显示)插入标题。如果有一个替代我尝试过的方法,比如getElementsbyID,请也帮
$('.next').click(function(){
$('#titlebox').text($('.room').attr('title'));
});
到此脚本结尾:基本上,我想要实现的是在滑块上方的div中为产品(显示)插入标题。如果有一个替代我尝试过的方法,比如getElementsbyID,请也帮我写吧!只要它完成了任务=)
提前谢谢 您可以使用
:nth-child()
选择器并传入您的当前索引
:
$('.next').click(function() {
$('#titlebox').text($('.room:nth-child('+currentIndex+')').attr('title'));
});
请注意,:nth-child()
以:nth child(1)
开头。因此,您需要使用(currentIndex+1)
或将currentIndex
的最小值设置为1
这是一个,在$('.prev')中添加了相同的功能。单击
以显示它的工作原理。试试这个:
$('.demo')。在('click',函数(e)上{
var title=$(items[currentIndex]).attr('title');
if($(e.target).hasClass('next')&&title){
$(“#标题框”)。文本(标题);
}
});
很好,很管用!但是,为什么不立即显示标题?“那有什么办法来修复它呢?”托尼说,那是因为它只有在点击按钮时才会显示出来。将其添加到
文档中。ready
函数如下:$(函数(){/*显示标题的代码*/})代码>。它马上就会出现。我不能-没有足够的声誉到目前为止!我很想去!对不起=(