Использование Mootools для замены кнопок отправки ссылками

Question

Для определенной части работы мне нужно работать с mootools (я привык к jQuery). Мой вопрос заключается в том, как наиболее эффективно пройти по странице и заменить все кнопки отправки на класс inline_submit

.

<input type="submit" class="inline_submit" name="change1" value="Change This" />

со ссылками в виде

<a href="#change1" rel="handleinline">Change This</a>

где href = к имени оригинальной отправки?

Answer 1

$$('input[type="submit"].inline_submit').each(function(el){
  new Element('a', { rel : 'handleinline' , href : '#'+el.get('name')})
    .set('text', el.get('value'))
    .replaces(el);
});

демо: http://jsfiddle.net/steweb/PJ63G/

документы:

• http://mootools.net/docs/core/Element/Element
• http://mootools.net/docs/core/Element/Element#Element:replaces