如何使用jQuery提取元素中的特定类部件？

Question

我有一些元素有这样的类：

class="modal-view arch business"

怎样才能找到在类中有模态起始词的元素，并且只返回“视图”单词，或者在模态之后返回“视图”单词？

我已经试过了

jQuery("*[class^='modal-'],*[class^='modal-'] a").live('click',function(){
var type = jQuery(this).attr('class').split('-')[1];
alert( type );
});

它不起作用，它只在类是模态视图的情况下向我显示视图，但是如果有其他类，它就不能工作。有人能给我指明正确的方向吗？

所以我试着在模态之后找到部分--但不是其他类。如果类只有模态词，则我使用的拆分代码可以工作。

Answer 1

使用$('*[class^=modal-]').live(...);

工作jsFiddle

Answer 2

使用以选择器开头的属性，然后获取className，在空间上拆分以获得第一个类，假设它总是第一个类(如示例中所示)，然后在最后一个位的连字符和pop上拆分第一个类：

$(document).on('click', '[class^="modal"]', function() {
    var klass = this.className.split(/\s+/g)[0];
    alert ( klass.split('-').pop() );
});

小提琴

Answer 3

您可以在拆分后添加正则匹配，以获得破折号后的第一个单词。

jQuery("*[class^='modal-'],*[class^='modal-'] a").live('click',function(){
  var type = jQuery(this).attr('class').split('-')[1].match(/\w*/);
  alert( type );
});

http://jsfiddle.net/xw87B/