HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>find() descendant demo</title>

  <style>

    body { font-family: sans-serif; padding: 16px; }

    form { border: 1px solid #ccc; padding: 12px; }

    fieldset { margin-top: 8px; }

  </style>

</head>

<body>

  <form id="orderForm">

    <label>Name: <input type="text" name="name"></label>

    <fieldset>

      <label>Qty: <input type="number" name="qty"></label>

    </fieldset>

  </form>

  <label>Outside: <input type="text" name="other"></label>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    $("#orderForm").find("input").prop("disabled", true);

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

$('#orderForm').find('input') traversal (Try It)