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

Question

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

现在单选按钮可以是以下任何一种编码风格 -

<input type="radio" name="lunch" value="pasta1" /><span>Pasta</span>

或者

<input type="radio" name="lunch" value="pasta1" /><p>Pasta</p>

或者

<input type="radio" name="lunch" value="pasta1" /><ul>Pasta</ul>

或<input type="radio" name="lunch" value="pasta1" />Pasta

基本上我必须处理任何类型的现实世界 HTML...虽然我可以使用 val() 获取实际值(本例中为“pasta1”)，但我也想获取文本“Pasta”如上所示，无论使用什么标签，以任何组合......是否可以获得这样的数据？至少，是否可以获得(对于上面的示例)指向 <p>Pasta</p> 的元素或<ul>Pasta</ul>等等？然后我可以尝试从该元素/节点中提取确切的文本...我可以使用纯 javascript 或 jquery...

Answer 1

如果你使用这个:

$(this).next()

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

如果您发现选择了哪个控件(选择单选按钮)，您只需获取下一个控件值即可。

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

这样它就不会依赖于你用来放置值的类型:) 不过我还是建议你使用标签。 这些更容易与您的单选按钮对齐;)

希望这有帮助。