Javascript获取嵌套的元素值

我的html代码如下：

<div class="formContent">                       
    <label for="title">Data Collection Title:</label><p>Western Australia</p><br/>
    <label for="description">Description</label><p>Examples of ...</p><br/>
</div>

数据收集标题：西澳大利亚州
说明示例…

---

我如何获取这些值，例如西澳大利亚州和。。。将JavaScript？

与普通JavaScript结合使用非常简单：

var p = document.querySelectorAll('.formContent p');
for (var i = 0, len = p.length; i < len; i++)
    console.log( p[i].textContent );

var p=document.querySelectorAll（'.formContent p'）；
对于（变量i=0，len=p.length；i

数据收集标题：西澳大利亚州
说明示例…


香草：

var txt = document.querySelector('.formContent label[for="title"]').nextSibling.textContent;
console.log(txt);

jQuery：

var txt = $('.formContent label[for="title"]').next("p").text();
console.log(txt);

$（'.formContent p'）.text（）
或更好的$（'label[for=“title”]p'）.text（）$（'label[for=“title”]p'）.text（）-->不起作用。如何访问给定标签的值？e、 例如，标签'title'应该返回“Western Australia”这也可以使用：document.write（$（'label[for=“title”]”）。next（）.text（））撇开document.write这件事不谈，一个好习惯是尽可能具体地使用选择器，尽可能包括它们的祖先节点，这样代码就不必搜索整个树来找到一个标签。还有为什么使用ID比类更可取（因为只有一个类，所以代码会直接放大）。在小文档上可能不明显，但由于有数千个节点和一个草率的选择器，代码可能会延迟半秒或更长时间，这显然是明显的，而且当您坐在那里等待某件事情发生时，代码可能会显得很长时间
var txt = $('.formContent label[for="title"]').next("p").text();
console.log(txt);