Getting undefined from jquery find() in my example

Getting undefined from jquery find() in my example

I have an HTML page like this :

I have an HTML page like this :

I have put an event on input.global_filter using jquery as follows:

$('input.global_filter').on('keyup click', function() {
  document.write($(this).find('.example:first').prop('tagName'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Table3--> <table class="example" data-column="3"> ...... </table>

<table> <tbody> <tr> <td> <input type="text" class="global_filter"> </td> </tr> </tbody> </table>

<!-- Table1--> <table class="example" data-column="1"> ...... </table>

<!-- Table2--> <table class="example" data-column="2"> ...... </table>


This results in undefined. It should give the result TABLE. Where am I wrong ?

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Is there a possible that I can transfer a certain html tag to another position using jquery?

I have here a navigation bar with a caret beside it. And I wanted to change this one dynamically using jquery. When on click, the activated menu transfers to the one being clicked. What I wanted to happen is I want to move also the arrow to the clicked menu in the navigation bar. How do I do that in jquery?

Building a minesweeper game using Javascript, HTML and CSS

In this article, you'll learn how to build minesweeper using JavaScript, HTML and CSS. I also used jQuery, a JavaScript library that is helpful for interacting with html. Whenever you see a function call with a leading dollar sign, that is jQuery at work