如何更改隐藏的<label>的文本</label>

Question

我想更改其父级隐藏显示的标签文本。由于其父母的可见性，我无法访问该标签。

我想知道有没有办法在不改变父级的可见性的情况下更改此标签的文本。

我尝试更改标签的可见性并更改文本并将其隐藏起来，但无效。

$(document).ready(function(){
$("#394").find(".name").children("label").text("Home");

}）;

<div class="sample1" style="display: none;">
<div id="394">
    <div class="name">
        <label>house.jpg</label>
    </div>
</div>
</div>

有任何建议/想法吗？

答案：

首先，谢谢大家的回复。

我解决了这个问题。

这是我所做的改变而且有效。

$(document).ready(function(){
$(".sample1").find(".name").children("label").text("Home");
});

<div class="sample1" style="display: block;">
<div style="display: none;" id="398">
    <div class="name">
        <label>Sample</label>
    </div>
</div>
</div>

Answer 1

<强>示例
（更新）http://jsfiddle.net/SXLnt/1/
（旧）http://jsfiddle.net/SXLnt/

解决方案

$("#394 label").text("new_house.jpg");
$(".sample1").show(); // show hidden result

---

示例HTML

<form id="parent_form" style="display: none; visibility: hidden;">
  <label for="male" id="lb_male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female" id="lb_female">Female</label>
  <input type="radio" name="sex" id="female" />
</form> 

示例JS（jQuery）

$("#lb_male").text("Man");     // Change text 1
$("#lb_female").text("Woman"); // Change text 2
//$("#parent_form").show();      // Show parent

样本DOM结果

Answer 2

如果标签的ID是lblSomething，你可以在JQuery中这样做...... $("lblSomething").val("Changed value") 希望它有所帮助。

Answer 3

如果你发布的是你的完整代码，看起来你在你的外部div上缺少一个结束标记。试试这个：

<div class="sample1" style="display: none;">
  <div id="394">
    <div class="name">
        <label>house.jpg</label>
    </div>
  </div>
</div>