当id改变时向类追加文本

Question

我想在一些id改变时附加文本。

<div class="col-sm-1">
<input name="stime" type="text" class="form-control" id="stime" placeholder="00:00" required maxlength="5" />
<span class="form-control-feedback"></span>
</div>

当stime发生变化时，我想在form-control-feedback类中添加一个文本。

这是我的脚本，但没有改变。

$("#stime").change(function (e) {
var time = $("#stime").val();
$("#stime").find(".form-control-feedback").append("* Check Format Time (HH:mm)");
});

谢谢，问题解决了。

Answer 1

您想使用.siblings()而不是.find()，因为.form-control-feedback元素不是#stime的子元素，而是兄弟元素。

你也可能在寻找.text()，而不是.append()

$("#stime").change(function (e) {
var time = $("#stime").val();
$("#stime").siblings(".form-control-feedback").text("* Check Format Time (HH:mm)");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-1">
<input name="stime" type="text" class="form-control" id="stime" placeholder="00:00" required maxlength="5">
<span class='form-control-feedback'></span>
</div>

Answer 2

您可以执行以下操作

$("#stime").change(function () {
$(this).siblings(".form-control-feedback").append("* Check Format Time (HH:mm)");
});

，但由于输入是唯一的id，我宁愿将id也分配给跨度。

$("#stime").change(function () {
$("#form-control-feedback").append("* Check Format Time (HH:mm)");
});

或

$("#stime").change(function () {
$("#form-control-feedback").text("* Check Format Time (HH:mm)");
});

如果你不想追加，而是想替换