Javascript 访问同级子对象,而不是类的第一个实例

Javascript 访问同级子对象,而不是类的第一个实例,javascript,jquery,Javascript,Jquery,我有以下代码: $(document).on( 'click', '.chevronright', function( event ) { for (var i=0; i<2; i++){ var $next = $(this).siblings('.postlink').find('.post-title').eq(i+1).html(); $('.row').find('.post-title').eq(i).html($next);

我有以下代码:

$(document).on( 'click', '.chevronright', function( event ) {
for (var i=0; i<2; i++){
            var $next =  $(this).siblings('.postlink').find('.post-title').eq(i+1).html();
            $('.row').find('.post-title').eq(i).html($next);
}
$(文档).on('click','chevronright',函数(事件){
对于(var i=0;i您可以尝试

Whatever.find('.post-title:eq('+(i+1)+')').html()
这有点“蛮力”和序列依赖性,但确实如此:(为了清晰起见,冗长)

//单击V形,
$(文档).on('单击','.chevronright',函数(事件){
//使用类获取元素
var myPostlinks=$(this).parent('.row').find('.postlink');
//标题从中间的变为左边的,最右边的变为中间的。
//获取中间一个的引用
var middleoneow=myPostlinks.eq(1).find('.post title');
//获取左一的引用
var leftoneow=myPostlinks.eq(0).find('.post title');
//将右侧设置为中间(在更改中间之前)
myPostlinks.eq(2).find('.post title').html(middleoneNow.html());
//现在设置了“右”,将“中”设置为“左”
html(leftoneNow.html());
});
.row{边框:固体青色2px;}
V形右
左标题
中间标题
右标题
V形右
左标题
中间标题
右标题
V形右
左标题
中间标题
右标题

请注意,我对“row”标记以及其中的兄弟姐妹和子元素做了一些基本假设。因此,您的意思是,我需要每次降低一个级别,而不是将其全部放在一个长序列中?如果您没有
.row
作为直接父元素,请使用
.parents('.row'))
相反-请注意,这一切都取决于“行”的实际标记,因此也取决于其中的子/父关系,我猜在这一点上。不,您的标记是相当准确的,只是除了标题之外还有更多的元素,但这不是现在的问题。好的,我将尝试您的建议,谢谢:)