2016-03-15 67 views
0

这是我的html代码:如何获得标签值到一个div

<div id="box"> 
    <div> 
     <label for="text">Text 1</label> 
    </div> 
    <div> 
     <label for="text">Text 2</label> 
    </div> 
    <div> 
     <label for="text">Text 3</label> 
    </div> 
</div> 

我需要把所有标签中使用id =“盒子”,一个div,所以我使用jQuery:

var container=$('div[id="box"]'); 
container.find('label[for="text"]').each(function(index){ 
    console.log("INDEX "+index); 
}); 

问题是,jQuery的功能只打印一次“索引”0.任何人都可以帮助打印所有的标签值?

+0

多少'DIV [ID = “盒子”]'就做你在你的网页? – RRK

+0

'$(“#box label”)。each(...)'? – PinkTurtle

回答

0

在这里你可以看到工作小提琴。希望这将解决您的问题

function show(){ 
 
$("#box").find("label").each(function(){ 
 
    alert($(this).html()); 
 
    });}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<html> 
 
<body> 
 
<div id="box"> 
 
    <div> 
 
     <label for="text">Text 1</label> 
 
    </div> 
 
    <div> 
 
     <label for="text">Text 2</label> 
 
    </div> 
 
    <div> 
 
     <label for="text">Text 3</label> 
 
    </div> 
 
</div> 
 
    <input type="button" value="Show" onclick="return show();"> 
 
</body> 
 
</html>

0

任何人都可以帮助打印所有的标签值?

尝试

$('#box').find('label[for="text"]').each(function(){ 
    console.log($(this).html()); 
}); 
+0

@ user6045391这段代码没有工作吗? – gurvinder372

0

可以直接选择所有标签。

$("#box label").each(function(index){ 
    console.log("INDEX "+index); 
}); 

小提琴here