jquery - input:text Alert 親クラス?

Question

私のホバーターゲットは「#Font-Size input:text」で、以下に示すように HTML コードに含まれています。

<div id="Font-Type">
    <input type="text" name="Size-Input" maxlength="2" value="12">

テキスト入力フィールドにカーソルを合わせると、JQuery が "#Font-Type" の親 ID を持つ警告ボックスを開くようにしたいと考えています。次のことを試しましたが、「.parent()」セクションがなくても、アラートボックスには「OBJECT」と表示されます。

var thisParent = $(this).parent();
alert(thisParent);

親を見つける必要がある複数の「input:text」があるため、ページに必要なコードを最小限に抑えようとしているので、誰かアイデアを持っていますか?

よろしくお願いします、

ティム

score 1 · Accepted Answer

試す

alert($(thisParent).attr("id"));

thisParent は DOM オブジェクトです。$() ハンドルを使用して、そのプロパティとイベントハンドラーを指定できます。

score 0 · Accepted Answer

0

試す：

var thisParent = $(this).parent().attr('id');
alert(thisParent);

于 2013-04-08T12:04:22.683 に答える

score 0 · Accepted Answer

あなたの場合、いくつかの文字列、つまりidの代わりにオブジェクトをアラートに渡しています。attr()表示するために使用する必要がありますid

alert(thisParent.attr("id"));

また

alert(thisParent[0].id);

score 0 · Accepted Answer

$(this)DOM オブジェクトが含まれているため、アラートでオブジェクトが表示されます。

ID をアラートする場合は、以下のように使用します。

alert($(this).parent().attr('id'));

score 0 · Accepted Answer

これを試して：

var thisParent = $(this).parent();
alert(thisParent.attr('id'));

これを行う場合:

var thisParent = $(this).parent();
alert(thisParent);

これによりparentjQuery オブジェクトが得られるため、「OBJECT」のようなアラートが表示されます。

jQuery でを取得するには、次のようにidする必要があります。

$(element).attr('id');

これにより、jQuery オブジェクトid属性が返されます。

score 0 · Accepted Answer

以下のコードを試してください: また、div が適切に閉じられていることを確認してください。

  alert(thisParent.attr("id"));

score 0 · Accepted Answer

これを試して：

$(function(){
$("#txt").hover(function(){
    alert($(this).parent().attr("id"));    
 }); 
});

7 に答える 7