Question

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

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

我只需要文字I have a bike而不是value="Bike"。

这是我的Fiddle

选项标记文本也没有进入项目列表

在此先感谢您的帮助。小提琴的例子将不胜感激。

Answer 1

Javascript Node.nextSibling返回元素的下一个兄弟文本。

 Window window = dialog.getWindow();
        window.setFlags(WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL,
                WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL);
        window.clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);

        dialog.show();

var text = $("#item")[0].nextSibling.textContent;
console.log(text);

检查fiddle代码。

Answer 2

***试试这个

为内容添加标签或任何标签，并使用＆＃34; .next（）＆＃34;方法

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

链接： - http://jsfiddle.net/7HQDK/63/

***表示要在列表中打印的选项值。

将id分配给select标签。

将选定的选项值设为：

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

更新后的链接： - http://jsfiddle.net/7HQDK/67/

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

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

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

更新后的链接： - http://jsfiddle.net/7HQDK/89/

Answer 3

使用<span>标记来包装文本。然后使用

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

获取价值。

另一个注意事项id应该是唯一的。这意味着您只能在文档中使用一个ID名称。所以我建议你改变id项，而不是使用类。

Answer 4

我见过你的小提琴。

首先：不要为所有复选框使用相同的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>

当你得到它时，你只需要通过一个选择器来改变你的this.val()，它将获得你标签的html内容：

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

};

Answer 5

<div id="divTest">
        <b>Test</b>
        <input type="text" id="txtTest" name="txtTest" value="Input field" />
</div>

<script type="text/javascript">
$(function()
{
        alert("Text: " + $("#divTest").text());
        alert("HTML: " + $("#divTest").html());
        alert("Value: " + $("#divTest").val());

        alert("Text: " + $("#txtTest").text());
        alert("HTML: " + $("#txtTest").html());
        alert("Value: " + $("#txtTest").val());
});
</script>

Answer 6

试试这个 - 获取当前选择的值：

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

获取当前选定的文字：

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

如何使用jquery在<input />和<br/>之间获取文本？

6 个答案: