如何在primefaces tabView的右侧对齐选项卡？

【问题标题】：how to align a tab at the right in primefaces tabView?如何在primefaces tabView的右侧对齐选项卡？
【发布时间】：2014-08-21 20:34:25
【问题描述】：

我想在<p:tabView> 的右侧放置一个选项卡（并将另一个留在左侧正常位置）...就像在 primefaces 的展示站点（文档选项卡）中一样

【问题讨论】：

stackoverflow.com/questions/7983280/…
@RachelGallen 我看到了这个问题，但我只想对齐一个（或 2 个）选项卡而不是所有选项卡，所以我无法更改所有选项卡的 css，就像那里指定的那样。 PS：<p:tab>标签没有样式属性
@RachelGallen 请删除您对我的问题的编辑

标签： primefaces tabs tabview

【解决方案1】：

您可以使用 jQuery 子选择器来实现这一点。如果你的 tabView 的 id 是 form:acc，那么下面是正确的：

var tabs = $( "#form\\:acc ul" ).children();
var selectedChild = tabs.eq(tabs.length - 1); //selects the last tab.
selectedChild.css( "float", "right" );

它的作用是获取最后一个标签并将其向右移动。但是，如果您不希望最后一个选项卡移动，您可以选择它的索引，然后您的第二行会改变：

var selectedChild = tabs.eq(1); //selects the tab with index 1.

【讨论】：

非常感谢，这正是我想要的:)