javascript - 如何使用 jquery 或 javascript 获取输入复选框的 html？

Question

这是我在 html 文件中的内容

 <label><input type="checkbox" id="abc-news-au" /> ABC News (AU)</label><br />
    <label><input type="checkbox" id="ars-technica" /> Ars Technica</label><br />
    <label><input type="checkbox" id="associated-press" /> Associated Press</label><br />

我想获取标签之间的文本，例如。 ABC 新闻(澳大利亚)

我使用以下代码但没有工作*(v是元素的id)

console.log("get text: "+ $("#"+v).text()) //(empty)
console.log("get text: "+ $("#"+v).html()) //undefined

唯一显示某些内容的代码是

console.log("get text: "+ v) //abc-news-au

这显然是元素的 id... 如何获取元素的文本？

Answer 1

您可以使用$("#"+v).parent().text()得到你想要的。 这是因为文本位于 <label> 内。节点，而不是 <input>节点。

示例:https://jsfiddle.net/epL3tkza/