输入：文本警报父类？

Question

我的悬停目标是“＃Font-Size input：text”，在我的HTML代码中，如下所示;

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

将鼠标悬停在我的文本输入字段上时，我希望JQuery打开一个警告框，其父ID为“#Font-Type”。我尝试了以下内容，但即使没有“.parent（）”部分，警告框也只显示“OBJECT”;

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

有没有人有任何想法，因为我正在尝试最小化我的页面所需的代码，因为我将需要多个“输入：文本”，我需要找到它的父级。

最诚挚的问候，

添

Answer 1

尝试

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

关于jsfiddle的示例：http://jsfiddle.net/jurgenstillaert/ySMLE/

thisParent是一个DOM对象，您可以使用$（）句柄来寻址其属性和事件处理程序。

Answer 2

您正在将对象传递给警报而不是某些字符串，即您的情况。您需要使用attr()来显示id

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

或

alert(thisParent[0].id);

Answer 3

尝试：

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

Answer 4

alert显示对象，因为$(this)包含DOM对象。

如果您想提醒身份证，请按以下方式使用。

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

Answer 5

试试这个：

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

执行此操作时：

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

这为您提供了parent jQuery对象，这就是您收到类似“OBJECT”的提醒的原因;

为了在jQuery中获取id，我们需要这样做：

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

这将返回jQuery对象id属性。

Answer 6

尝试以下代码：同时确保您的div已正确关闭。

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

Answer 7

试试这个：

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