Question

谷歌搜索后，我的按钮上有一些点击效果，

这是我的jsfiddle链接：http://jsfiddle.net/kzr9ymx0/

这里有一个按钮是成功的，另一个按钮是错误的。

所以我想将此代码移至我的网页表单提交。

现在我有点混淆，哪一个适用于错误，哪一个适用于成功。

这两个按钮的类别名称相同，这就是为什么我会挣扎。

这是classie.js代码：

( function( window ) {

'use strict';

// class helper functions from bonzo https://github.com/ded/bonzo

function classReg( className ) {
  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}

// classList support for class management
// altho to be fair, the api sucks because it won't accept multiple classes at once
var hasClass, addClass, removeClass;

if ( 'classList' in document.documentElement ) {
  hasClass = function( elem, c ) {
    return elem.classList.contains( c );
  };
  addClass = function( elem, c ) {
    elem.classList.add( c );
  };
  removeClass = function( elem, c ) {
    elem.classList.remove( c );
  };
}
else {
  hasClass = function( elem, c ) {
    return classReg( c ).test( elem.className );
  };
  addClass = function( elem, c ) {
    if ( !hasClass( elem, c ) ) {
      elem.className = elem.className + ' ' + c;
    }
  };
  removeClass = function( elem, c ) {
    elem.className = elem.className.replace( classReg( c ), ' ' );
  };
}

function toggleClass( elem, c ) {
  var fn = hasClass( elem, c ) ? removeClass : addClass;
  fn( elem, c );
}

var classie = {
  // full names
  hasClass: hasClass,
  addClass: addClass,
  removeClass: removeClass,
  toggleClass: toggleClass,
  // short names
  has: hasClass,
  add: addClass,
  remove: removeClass,
  toggle: toggleClass
};

// transport
if ( typeof define === 'function' && define.amd ) {
  // AMD
  define( classie );
} else {
  // browser global
  window.classie = classie;
}

})( window );

任何人都可以帮我解决这个问题吗？提前谢谢。

Answer 1

你可以使用：nth-of-type（）选择器，假设第一个按钮是成功而第二个按钮是错误，然后使用

成功按钮代码点击

$('button:nth-of-type(1)').on('click',function(){

});

错误按钮代码单击

$('button:nth-of-type(2)').on('click',function(){

});

如何从我的js中分离错误和成功按钮？

1 个答案: