Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript标题作为标题不';行不通_Javascript_Jquery_Slider_Titlebar - Fatal编程技术网

JavaScript标题作为标题不';行不通

JavaScript标题作为标题不';行不通,javascript,jquery,slider,titlebar,Javascript,Jquery,Slider,Titlebar,我一直在尝试实现一个简单的滑块,但我想让我的不同div标签的标题用作产品每个类别的标题。但由于某些原因,该函数只显示第一个div的标题,而不显示。我如何纠正它 以下是我补充的内容: $('.next').click(function(){ $('#titlebox').text($('.room').attr('title')); }); 到此脚本结尾: 基本上,我想要实现的是在滑块上方的div中为产品(显示)插入标题。如果有一个替代我尝试过的方法,比如getElementsbyID,请也帮

我一直在尝试实现一个简单的滑块,但我想让我的不同div标签的标题用作产品每个类别的标题。但由于某些原因,该函数只显示第一个div的标题,而不显示。我如何纠正它

以下是我补充的内容:

$('.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
函数如下:
$(函数(){/*显示标题的代码*/})。它马上就会出现。我不能-没有足够的声誉到目前为止!我很想去!对不起=(