Question

我的HTML代码：

<div id="divText">
 Choose your item 
  <select>
   <option selected>item1</option>
   <option>item2</option>
   <option>item3</option>
 </select>
</div>

我想将文字显示为“选择您的商品1 ”（这里我只想从下拉列表中获取所选商品文字以及div的内容）。

$("#divText").text() is getting text like  Choose your item item1item2item3

Answer 1

您可以过滤节点类型的文本，然后使用选择值

进行连接

var result = $("#divText").contents().filter(function() {

  return this.nodeType == 3;
})

console.log($(result).text().trim() + $("select").val() )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divText">
  Choose your item
  <select>
    <option selected>item1</option>
    <option>item2</option>
    <option>item3</option>
  </select>
</div>

如何从div获取文本

1 个答案: