Home/ Questions/Q 8844487
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T11:29:59+00:00

I am trying to remove divs from a document when a letter is typed,

  • 0

I am trying to remove divs from a document when a letter is typed, but I cant seem to get the logic and/or syntax down. Currently the code I’m using to do this is commented out in the html document with a working version which removes what is typed uncommented below it. All of my code is below. Any help on this would be great.

Again, I am trying to remove a div element based on what the user types in.

HTML

CSS

JavaScript

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not really sure exactly what you are going for, because that code was too hard to decipher.

    Here’s some code that will remove a div based on keyup. It removes the div that contains the same letter as what you typed. Not sure if that’s similar to what you want, but hopefully this helps:

    http://jsfiddle.net/h2fa4/1/

    HTML:

    <html>
<head><title>Remove Divs</title></head>
<body>
    Enter a character to remove the div with the corresponding letter:
        <input id="in" />
    <br />
    <div id="parent">
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
    </div>
</body>
</html>

    jQuery code:

    $("#in").keyup(function(event) {
    var val = String.fromCharCode(event.which);
    $("#parent div:contains('" + val + "')").remove();
});
    • 0