JQUERY：查找表单元素

Question

BEFORE CHAOS

我曾经

头部

<script type="text/javascript">$(function() { $("form.openid:eq(0)").openid(); });</script>

在jquery.openid.js 的

var direct = function () {
    var $li = $(this);

    $this.unbind('submit').submit(function() {
      $id.val($this.find("li.highlight span").text());
    });
    $this.submit();
    return false;
  };

和主体

<form class="openid" method="post" action="/Login.xhtml?ReturnUrl="> 
  <div>
   <ul class="providers">  
    <li class="direct" title="Google"> <img src="images/googleW.png" alt="icon" />
   </ul>
  </div>  
</form>

部分有这个，它的作用就像一个魅力。

混乱之后

现在，由于我想将以上所有内容添加为 ASP.NET 页面中的内容，因此我

在主体部分的 MasterPage 的头部部分

<script type="text/javascript">$(function () { $("#test.openidd").openid(); });</script>

进行了适当的更改，我添加了带有 < code>id=test 且类等于 openidd。

<div id ="test" class="openidd">
  <ul class="providers">
  <li class="direct" title="Google"> <img src="images/google.png" />     
  </ul>
</div> 

那么我应该对 jquery.openid.js 进行哪些更改才能使其正常工作？

我的意思是在第一种情况下 $this 指的是 form.openid:eq(0) 在第二种情况下，$this 引用#text.openidd 并且表单永远不会提交。

我猜想 JQUERY 中存在类似 $this.FindParentForm 的东西，但我不知道！

请让您的答案尽可能简单，因为我是新手，

提前谢谢您。

更新 从到目前为止我看到的答案来看，我猜或者我还没有明确我的问题，或者我是新手。我添加了 div 标签作为元素的附件。该表单包含 jquery 混淆的其他

等。我不喜欢那样！这就是为什么在我的帖子中我相信这项工作必须在 jquery.openid.js 文件中完成...类似

$this.GETParentFORM.unbind('submit').submit(function() {
   $id.val($this.GETParentFORM.find("li.highlight span").text());
   });
$this.GETParentFORM.submit();

Answer 1

在使用 jQuery 的 ASP.NET 中需要注意的一件事是，任何具有 runat="server" 的控件都将具有基于原始 ID 自动生成的 ID。只是说，特别是如果您计划通过 jQuery 上的 ID 进行选择。

话虽如此，据推测，任何 ASP.NET 页面中都只有一种表单（位于 MasterPage 上的表单）。因此，要选择它，您实际上要做的就是走

$('form')

，但如果您想走自己的路线，我会使用

$('#test.openidd').closest('form')

Answer 2

代码

$(this).parents('form#myId')...

示例

http://jsfiddle.net/ngdcs/

Answer 3

您可能可以将其更改为：

<script type="text/javascript">$(function () { $("#test.openidd").parents('form').openid(); });</script>

虽然我认为最好为您的表单提供一个 id，例如：

<form id="submitForm5" ...>

然后将 javascript 代码更改为：

<script type="text/javascript">$(function () { $("#submitForm5").openid(); });</script>

Answer 4

也许试试这个？

$("#test.openidd").parent().openid();

Answer 5

$('form').find('li.highlight span').text();

IE

$('form').unbind('submit').submit(function() {
   $id.val($('form').find("li.highlight span").text());
   });
$('form').submit();

Answer 6

由于ASP.NET修改了form的id，您仍然可以通过使用closest来获取form元素。在此代码中，您将获得 test.openidd 最接近的名为 form 的元素，它就是表单本身。

$('#test.openidd').closest('form').unbind('submit').submit(function() {
   $id.val($('#test.openidd').closest('form').find("li.highlight span").text());
   });
$('#test.openidd').closest('form').submit();