入力タグにアクセスできない場合に、ボタンにホバーテキストを追加する

Question

私はレガシーシステムで作業していますので、この問題の不合理を言い訳してください。入力タグの中には、テーブルのtr内にボタンがあります。ユーザーはそのボタンに何らかのテキストを表示させたいExボタンの上にマウスカーソルを移動すると "これはホバーテキストです"と表示されます。テーブルのhtmlは編集できないので、hoverテキストを含むtitle属性を追加するだけではいけません。しかし、テーブルhtmlの前に入力タグを追加する機能を持っています。実際にいくつかのチェックボックスを追加して、テーブルは非表示または表示されます。私はタイプチェックボックスの入力のonclickイベントによって呼び出されるjavascript関数を使用してこれを行いました。今、ボタンの入力を参照し、ホバーテキストを追加するにはどうすればいいですか？ ここには編集できないコードがあります。日付ボタンは、あなたがMouseEnterイベントでinput[type="button"]を操作することにより、これを行うと、あなたが任意のコードを示さなかったので、私はこの岩をスローします

をmouseleaveできホバーテキスト

<th> 
    <input name="iDate" id="iDate" type="button" value="Date"> 
    </th> 

Answer 1

を表示する必要があるものですこの空の部屋で、あなたがこれを実行すると、それは

$("input[type='button']") 
 
    .mouseover(function() { 
 
    $(this).text("My hover text"); 
 
    }) 
 
    .mouseout(function() { 
 
    $(this).text(""); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="button" />

を役に立てば幸いブラウザの開発ツールでは、マウスのテキストの読み込みが表示されます。これを修正してスタイル可能なコードを渡すだけです