从id里面的id获取内容？

Question

我喜欢HTML：

<div id='content'>
  <div id='price'>$100</div>
  <div id='another'>something</div>
</div>

我可以从id =“content”中获取内容。

vl = document.getElementById("content").value;

在此ID中，我有另一个id="price"。但我不能直接从id =“price”获得内容。

如何通过id='content'从id =“price”获取内容。谢谢。

Answer 1

jQuery的：

$("#price").text();

的javascript：

document.getElementById("price").innerHTML;

<强> DEMO

Answer 2

您可以使用如下：

vl = document.getElementById("price").innerHTML;

JSFiddle - 看看

你也可以使用 .html（）或 .text（）方法使用jquery

Answer 3

尝试，

$('#content').html().find('#price').html();

Answer 4

使用jquery，

 $("#content > #price").text();

Answer 5

您可以直接获得价格的价值：

v2 = document.getElementById("price").value;

Answer 6

你需要通过父元素访问子元素...这是你的问题吧..我用jquery DEMO解决它

$(document).ready(function(){
  var tem = $('#content').children('#price').text();
    alert(tem);
});

Answer 7

使用Jquery，

v1= $('#content').html();
v2=v1.find('#price');
v3=v1.find('#another')

Answer 8

只有在页面上有该项目时才应使用

ID。您没有其他机会重新分配IDs，或者使用class属性。

尝试这种方式选择，

var vl = document.getElementById("content").getElementsByClassName("price")[0];

HTML

 <div id='content'>
   <div class='price'>$100</div>
   <div class='another'>something</div> 
 </div>

Answer 9

试试这个： - http://jsfiddle.net/adiioo7/C3C4x/1/

var price = document.querySelector("#content #price").innerHTML;

console.log(price);

Answer 10

试试这个，

var parent = document.getElementById('content');
var childNodes = parent.childNodes;
for(var i = 0, len = childNodes.length;i<len;i++){
    if(childNodes[i].id === "price") {
        alert(childNodes[i].innerHTML);
    }
}