使用jquery从选定选项卡的输入文本中获取值答案

【问题标题】：get value from input text from selected tab with jquery使用jquery从选定选项卡的输入文本中获取值
【发布时间】：2011-07-06 17:20:14
【问题描述】：

我正在使用 jquery 选项卡。我有三个标签。每个选项卡都有自己的输入文本字段（每个选项卡一个）。所有三个输入文本字段都具有相同的 id="javanus" 但它们位于不同的选项卡上。

我想从 id=javanus 的选定选项卡上的输入文本字段中获取值。我可以获得选定的选项卡文本 (alert($('.ui-tabs-selected a').attr("text")) 但我不知道如何从选定的面板中读取选定选项卡的值。

最好的问候，爪哇

【问题讨论】：

由于 ID 应该是唯一的，因此您应该首先将它们更改为类。然后，您可以通过 ID 选择标签（因为它是唯一的），然后找到所选标签的路径。
在不知道您的 HTML 结构的情况下（请将其粘贴到您的问题中），也许这会起作用？ $('.ui-tabs-selected:input').val()

标签： jquery jquery-ui jquery-selectors

【解决方案1】：

正如已经说过的，一个页面上不能有两个具有相同 ID 的元素，但可以有许多具有相同类的元素。当您将每个 id="javanus" 更改为 class="javanus" 就可以了，但不幸的是您不能使用 $('.ui-tabs-selected ...') 因为 ui-tabs-selected 类是仅显示在活动选项卡的标题上，而不显示在其面板上。你必须使用的是这样的：

$(".ui-tabs-panel:not(.ui-tabs-hide) input:text.javanus").val();

意思是获取不隐藏的标签面板，获取一个内部带有“javanus”类的文本输入元素并获取它的值。它可以满足您的需要吗？

【讨论】：