Home/ Questions/Q 509657
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T07:02:00+00:00

$(‘input.text-1’).wrap(‘<span class=textfield-1></span>’); .textfield-1 { border: 1px solid #d00; display: none; } <script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script> <input

  • 0
$('input.text-1').wrap('<span class="textfield-1"></span>');
.textfield-1 {
  border: 1px solid #d00;
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="text text-1" />

Wrap() doesn’t seem to work. I don’t see <span>s wrapped around input in firebug. If they were wrapped, inputs would be hidden with display: none, but they aren’t.

What am I doing wrong here?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Works ok for me. Is it possible that you have a javascript error on the page that is preventing the code from executing?

    Here’s my test. Element does become invisible and I can see that it is wrapped in the span.

    <html>
<head>
<style type="text/css">
.textfield-1 {
    border: 1px solid #d00;
    display: none;
}
</style>
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">

    $(function(){
            $('input.text-1').wrap('<span class="textfield-1"></span>');
     });


</script>
</head>
<body>
<input type="text" class="text text-1" />
</body>
</html>
    • 0