jquery - 如何使用 jquery 更改标签标签内的文本

Question

如何将文本添加您的图像更改为更改您的图像。

<label class="control-label col-md-offset-4 col-md-4 btn green feedbackImg" style="text-align:center;">
    Add Your Image
    <input type="file" name="data[Feedback][img]" class="form-control hide single_img_btn" id="1" style="display: none;">  
</label>

$('.feedbackImg').text('Change Your Image');

但它更改了标签，如下所示:

<label class="control-label col-md-offset-4 col-md-4 btn green feedbackImg" style="text-align:center;">
    Add Your Image
</label>

这意味着它也会删除输入标签。我怎样才能保持除了文本之外的所有内容相同？

Answer 1

如果您可以更改 HTML，则只需将要更改的文本包装在 span 中即可更轻松地选择:

<label class="control-label col-md-offset-4 col-md-4 btn green feedbackImg" style="text-align:center;">
    <span>Add Your Image</span>
    <input type="file" name="data[Feedback][img]" class="form-control hide single_img_btn" id="1" style="display: none;">  
</label>

$('.feedbackImg span').text('Change Your Image');

如果您无法更改 HTML，那么您需要修改 JS 代码来检索并修改 textNode 本身:

$('.feedbackImg').contents().first()[0].textContent = 'Change Your Image';