Question

我有一个data-fx属性

<div data-fx="fadeInDown in 2s after 1.5s"></div>

如何提取fadeInDown，2s和1.5s？

我试过这个fiddle，但它没有用如果我使用

<div data-fx="fadeInDown after 1.5s"></div>

Answer 1

您可以使用JavaScript将该字符串的值“1.5s后的2s内的fadeInDown”执行以下操作：

var text = document.getElementsByTagName("div")[0].getAttribute("data-fx");

然后做这样的事情：

var pieces = text.split(' ');
for ( var i = 0 ; i < pieces.length ; i++ ) {
    console.log(pieces[i]); 
}

Answer 2

首先，在div中添加一个id：

<div id="asd" data-fx="fadeInDown in 2s after 1.5s"></div>

然后通过属性获取文本：

your_desired_text = $('div#asd').attr('data-fx');

然后，您可以使用javascript

解析字符串

请参阅the fiddle

Answer 3

以下jQuery将使用＆＃34; data-fx＆＃34;属性，然后拆分数据：

$('*[data-fx]').each(function() {
     var el = $(this),
         fx = el.data('fx'),
         tokens = (fx || '').split(' ')
     el.text(tokens);
})

http://jsfiddle.net/k7kv07mL/

从文本中提取单词

3 个答案: