jquery ID更改时向类追加文本

bxjv4tth 于 2022-12-22 发布在 jQuery

关注(0)|答案(2)|浏览(113)

我尝试在某些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>

当id stime改变时，我想向form-control-feedback类追加一个文本。
这是我的剧本，但没什么变化

$("#stime").change(function (e) {
    var time = $("#stime").val();

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

jquery

来源：https://stackoverflow.com/questions/74883482/append-text-to-class-when-id-changes

2条答案

按热度按时间

vjrehmav1#

您希望使用.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>

赞(0）回复(0）举报 2022-12-22

6vl6ewon2#

您可以执行以下操作

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

但是由于输入的id是唯一的，我宁愿把id也赋给span。

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

或

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

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

赞(0）回复(0）举报 2022-12-22

我来回答

jquery ID更改时向类追加文本

2条答案

相关问题

热门标签

最新问答