jquery将基于id的元素更改为其他类

Question

我试图在jquery步骤中将Finish按钮变灰（如下图中的Previous按钮，对于我的向导中的步骤1和步骤2.第三步也是最后一步将启用Finish按钮。

我认为最好的方法是设置

enableFinishButton: true 

因此可供操作。

我检查了灰色的＆＃39; Previous＆＃39; chrome编辑器中的按钮，我看到了：

在我看来，我想要id =＆＃34; finish_button＆＃34;出现在

<li class = "disabled" aria-disabled="true"> 

与步骤1中的“上一步”按钮一起，并在步骤2中保留，然后移至

  <li class = "aria-hidden ="false"" aria-disabled="false">

步骤3中的

。将“下一步”按钮移动到

也是很好的

  <li class = "disabled" aria-disabled="true"> 

在第三步也是最后一步。

我不知道如何根据用户点击次数围绕这些不同的类移动元素。

感谢任何人提供的任何帮助。

汤姆

Answer 1

我有一些我认为你在寻找的例子：

// move an element to another element

$("#finish_button").appendTo("li.disabled");

// or leave element where it is and change attributes and classes

$("li[aria-hidden='false']").attr("aria-disabled","true");
$("li[aria-hidden='false']").addClass("disabled");

// set up onclick events for the buttons to make these types of changes

$("#next_button").click(function() { 
  // code to run when next is clicked
  // like enable finish button, disable next button.
  $("li.disabled").removeClass("disabled");
});

这些可能不是您需要使用的确切选择器，具体取决于页面上是否有其他具有相似属性的li元素。

只要click函数没有返回false，onclick和href就可以一起工作，或者对click事件运行preventDefault（）。

我希望它有所帮助。