Javascript 如何在单选按钮的真实场景中确定确切的元素类型/代码段

我有一个场景，我想解析屏幕上显示的单选按钮的所有值

$('input[type="radio"]').click(function () {
    alert($(this).next().text());
});

现在，单选按钮可以是以下任意一种编码样式--

意大利面

或

意大利面

或

意大利面 或

意大利面

基本上，我必须处理任何类型的现实世界的HTML。。。虽然我可以使用val（）获得实际值（=本例中为“pasta1”），但我希望获得文本“面食”，也如上图所示，无论使用何种标记，以任何组合。。。有可能得到这样的数据吗？至少，是否有可能获取（对于上面的示例）指向面食的元素（例如，面食等）？然后，我可以尝试从该元素/节点提取准确的文本…我可以使用纯javascript或jquery…

如果您使用：

$(this).next()

它将为您提供在函数中调用的元素的下一个元素

如果您知道选择了什么控件（选中的单选按钮），您只需获取下一个控件值

$(this).next().val()

这样一来，它就不取决于你用什么类型来表达你的价值：） 不过我还是建议你使用标签。 这些选项更容易与单选按钮对齐；）

希望这对您有所帮助。

如果您使用此选项：

$(this).next()

它将为您提供在函数中调用的元素的下一个元素

如果您知道选择了什么控件（选中的单选按钮），您只需获取下一个控件值

$(this).next().val()

这样一来，它就不取决于你用什么类型来表达你的价值：） 不过我还是建议你使用标签。 这些选项更容易与单选按钮对齐；）

希望这有所帮助。

使用$（“选择器”）.text（）应该可以

为了更方便地格式化数据，请使用$（“选择器”）使用

为了更方便地格式化数据，请使用

$（“输入[type='radio]”）。下一步（）.text（）

应始终获取单选按钮旁边节点的文本。

$（“输入[type='radio]”）。下一步（）.text（）

应始终获取单选按钮旁边节点的文本

$('input[type="radio"]').click(function () {
    alert($(this).next().text());
});