javascript - 如何更改隐藏的 <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 结果