Javascript jquery试图通过名称获取按钮位置

所以我有一些按钮名为add_subpage0，add_subpage1等等。。。然后单击onclick函数。例如：

<input type="submit" name="add_subpage0" value="Add Subpage" onClick="popup_subpage('add_subpage0');">
<input type="submit" name="add_subpage1" value="Add Subpage" onClick="popup_subpage('add_subpage1');">

我正试图抓住按钮的位置，并将一个div移动到所述位置。唯一的问题（我认为）是获取按钮的名称

<script>
function popup_subpage(thisdiv) {
    var name = 'div[name=' + thisdiv + ']';
    var thebutton = $( name );
    var popupdiv = $( 'div[id=add_subpage_popup]' );
    var position = thebutton.position();
    popupdiv.css("visibility", "visible");
    popupdiv.css("top", position.top);
    popupdiv.css("left", position.left);
}
</script>

功能弹出菜单子页面（thisdiv）{
变量名称='div[name='+thisdiv+']'；
var thebutton=$（名称）；
var popupdiv=$（'div[id=add_subpage_popup]'）；
var position=thebutton.position（）；
css（“可见性”、“可见”）；
css（“top”，position.top）；
css（“左”，position.left）；
}

div（添加子页面弹出窗口）变为可见。但情况并没有改变。我想它甚至没有抓住我设定的名字按钮。 有什么想法吗？我不知所措。

---

Zach

只需在函数中传递此，您就会自动获得要使用的元素

<input type="submit" name="add_subpage0" value="Add Subpage" onClick="popup_subpage(this);">

function popup_subpage(thisEl) {

    var thebutton = $( thisEl );
    var popupdiv = $( 'div[id=add_subpage_popup]' );
    var position = thebutton.position();
    popupdiv.css("visibility", "visible");
    popupdiv.css("top", position.top);
    popupdiv.css("left", position.left);

}

功能弹出菜单子页面（thisEl）{
var thebutton=$（thisEl）；
var popupdiv=$（'div[id=add_subpage_popup]'）；
var position=thebutton.position（）；
css（“可见性”、“可见”）；
css（“top”，position.top）；
css（“左”，position.left）；
}

只需在函数中传递这个，您就会自动获得要使用的元素

<input type="submit" name="add_subpage0" value="Add Subpage" onClick="popup_subpage(this);">

function popup_subpage(thisEl) {

    var thebutton = $( thisEl );
    var popupdiv = $( 'div[id=add_subpage_popup]' );
    var position = thebutton.position();
    popupdiv.css("visibility", "visible");
    popupdiv.css("top", position.top);
    popupdiv.css("left", position.left);

}

功能弹出菜单子页面（thisEl）{
var thebutton=$（thisEl）；
var popupdiv=$（'div[id=add_subpage_popup]'）；
var position=thebutton.position（）；
css（“可见性”、“可见”）；
css（“top”，position.top）；
css（“左”，position.left）；
}

应该是

var name = 'input[name=' + thisdiv + ']';

因为名称位于

元素上，而不是

元素上

function popup_子页面（thisdiv）{
变量名称='输入[name='+thisdiv+']'；
var thebutton=$（名称）；
var popupdiv=$（'div[id=add_subpage_popup]'）；
var position=thebutton.position（）；
css（“可见性”、“可见”）；
css（“top”，position.top）；
css（“左”，position.left）；
}

#添加子页面#弹出窗口{
可见性：隐藏；
位置：绝对位置；
颜色：红色；
}

弹出窗口

应该是

var name = 'input[name=' + thisdiv + ']';

因为名称位于

元素上，而不是

元素上

function popup_子页面（thisdiv）{
变量名称='输入[name='+thisdiv+']'；
var thebutton=$（名称）；
var popupdiv=$（'div[id=add_subpage_popup]'）；
var position=thebutton.position（）；
css（“可见性”、“可见”）；
css（“top”，position.top）；
css（“左”，position.left）；
}

#添加子页面#弹出窗口{
可见性：隐藏；
位置：绝对位置；
颜色：红色；
}

弹出窗口

为什么您的

input type=“submit”

有一个

值

？还有，为什么是

onClick

而不是

onClick

。为什么不直接编写

onClick=“popup\u子页面（this）”

。然后函数将直接接收按钮元素，而不必搜索名称。并且

div[id=add\u subpage\u popup]

应该是

#add\u subpage\u popup

。这是否在

中？单击提交按钮将提交表单并重新加载页面。为什么您的
input type=“submit”
有
值？还有，为什么是
onClick
而不是
onClick
。为什么不直接编写
onClick=“popup\u子页面（this）”
。然后函数将直接接收按钮元素，而不必搜索名称。并且
div[id=add\u subpage\u popup]
应该是
#add\u subpage\u popup
。这是否在
中？点击提交按钮将提交表单并重新加载页面。我犯了一个愚蠢的错误。现在可以了！非常感谢！：）我犯了这么愚蠢的错误。现在可以了！非常感谢！：）