Question

这是我的HTML代码：

<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 =＆＃34; box＆＃34;的div中获取所有标签。所以我使用Jquery：

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

问题是jquery函数只打印一次＆＃34; INDEX＆＃34; 0.任何人都可以帮助打印所有标签值吗？

Answer 1

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

试

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

Answer 2

您可以直接选择所有标签。

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

小提琴here。

Answer 3

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

＆＃13;

function show(){
$("#box").find("label").each(function(){
  alert($(this).html());
  });}

＆＃13;

<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>

＆＃13;

如何将标签值转换为div

3 个答案: