Question 35787 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Append text to class when id changes – Jquery

I try to append text when some id changes.

<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>

When id stime changes, I want to append a text to the form-control-feedback class.

This is my script, but nothing changes.

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

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

2

Answers


  1. 0

    You want to use .siblings() instead of .find() because the .form-control-feedback element isn’t a child of #stime, but instead a sibling.

    You’re also probably looking for .text(), not .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>
    Login or Signup to reply.
  2. 0

    you can do the following

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

    but since the input is unique by id I’d rather assign the id to the span as well. Then

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

    or

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

    if you don’t want to append but rather replace

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search