Javascript 如何在<；输入>；及<；br>；使用jquery？

我想在html标记之间获取文本，而不是标记值。 例如： 有一个标签

<input id="item" type="checkbox" name="vehicle"  value="bike" >I have a bike <br>

我有一辆自行车

我只需要文本

我有一辆自行车
而不是
value=“bike”

这是我的

选项标记文本也不在项目列表中

提前感谢你的帮助。小提琴示例将不胜感激。
Javascript返回元素的下一个同级文本


var text=$（“#项”）[0].nextSibling.textContent；
console.log（文本）

我有一辆自行车
试验
$（函数（）
{
警报（“文本：+$（“#divTest”）.Text（）；
警报（“HTML:+$（“#divTest”）.HTML（））；
警报（“值：+$（“#divTest”）.val（））；
警报（“文本：+$（“#txtest”）.Text（）；
警报（“HTML:+$（“#txtest”）.HTML（）；
警报（“值：+$（“#txtest”）.val（））；
});
***试试这个

为内容添加标签或任何标记，并使用“.next（）”方法获取

链接：-

***用于在列表中打印选项值

将id分配给select标记

将所选选项值获取为：

$('#optionValue').find(":selected").text();

更新链接：-

***要在列表中仅打印一次选项值，请参见链接中的更新代码：

--在迭代后添加以下代码并附加复选框值

list.append( "<li>" + optionvalue + "</li>" );

列表。追加（“
”+选项值+”
”；

更新链接：-
使用
标记包装文本。然后使用

 $(this).next().html()

以获取值

另请注意，
id
应该是唯一的。这意味着您只能在文档中使用一个id名称。所以我建议您更改
id
项，改为使用类
 尝试此操作-获取当前选定的值：

var optionText = $('select :selected').val();

要获取当前选定的文本，请执行以下操作：

var optionText = $('select :selected').text();

我见过你的小提琴

第一件事：不要对所有复选框使用相同的ID。这被html验证程序视为错误

然后，要轻松完成所需操作，请使用复选框标签，如下所示：

<input id="item1" type="checkbox" name="vehicle"  value="bike"><label for="item1">I have a bike</label> 

<input id="item2" type="checkbox" name="vehicle"  value="bicycle"><label for="item2">I have a bicycle</label> 

})
 “输入类型”复选框不包含被包围的标记所包围的文本。因此您无法使用此选项。无法获取选项标记值。您希望选项标记值在哪里？您没有提到它。我想要项目列表中的选项标记值。您将项目作为id，它应该是唯一的。所以改变它。您希望如何打印选项值请告诉我。当用户单击任何选项标记时，标记之间的值一些值应复制到FIDLE示例中的项目列表中。您已经在使用jquery。为什么不改为使用jquery？@AlexChar
.next（）
在输入后选择下一个元素，但在输入后尝试获取下一个文本时遇到问题。我想要项列表中的选项标记值。当用户单击任何选项标记时，标记之间的值某些值应复制到项目列表中。@waqasadil您可以使用简单搜索找到答案。然而，我想你想要的是@Muhammad:i需要项目列表中列表顺序的选项值。你发布了另一个用户所说的解决方案。是的，很抱歉重复，当我开始回答时，只提交了一个答案。
var optionText = $('select :selected').text();

<input id="item1" type="checkbox" name="vehicle"  value="bike"><label for="item1">I have a bike</label> 

<input id="item2" type="checkbox" name="vehicle"  value="bicycle"><label for="item2">I have a bicycle</label> 

function addToList( values ) {
  var list = $( "#grocery-list ul" );
  list.empty();
  values.each(function(){
    list.append( "<li>" + $('label[for="' + this.id+ '"]').html() + "</li>" );
  });