从jQuery中的父元素获取文本

Question

我有这个HTML代码：

<div class="form-cell">
    <label class="label">Company Name<span class="x">*</span></label>
    <div class="form-cell-value">
            <label class="readonly_label">
                <span>ABC PVT LIMITED</span>
            </label>
    </div>
    <div style="clear:both;"></div>
    <input type="hidden" id="company" name="company" value="6">
 </div>

从上面的代码我知道输入字段的id，“公司”。通过使用此ID，我必须获得公司名称“ABC PVT LIMITED”。

我试过这个，但它不起作用：

value = $('#company').parent().find('.readonly_label').closest('span').text()

Answer 1

.closest()函数在DOM层次结构中上升。尝试使用.find()或.children()：

value = $('#company').parent().find('.readonly_label').children('span').text()

Answer 2

使用与find不同的选择器：

value = $("#company").parent().find(".readonly_label > span").text();

Answer 3

使用children而不是closest。

value = $('#company').parent().find('.readonly_label').children('span').text()
console.log(value)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-cell">
  <label class="label">Company Name<span class="x">*</span></label>
  <div class="form-cell-value">
    <label class="readonly_label"><span>ABC PVT LIMITED</span></label>
  </div>
  <div style="clear:both;"></div>
  <input type="hidden" id="company" name="company" value="6">
</div>

Answer 4

使用.siblings()选择器的解决方案

$('#company').siblings('.form-cell-value').find('.readonly_label > span').text();