javascript - Jquery向所有输入字段添加 data-rel 属性并删除 name 属性

Question

我需要以某种方式为输入字段提供 data-rel 值，并从特定类的同一输入字段中删除名称。

我到目前为止所做的代码正在努力从该特定字段中删除名称。但我无法将 data-rel 添加到同一字段。

这是代码。

$('.vf-sortable-holder').each(function() {
    var empty_sortable = $(this).closest('.option').find('.empty-sortable').find('input');
    var sortable_name = empty_sortable.attr('name');

    input.attr('data-rel', sortable_name);

    empty_sortable.removeAttr('name');

});

所以 html 看起来像这样

<div class="option">
    <div class="vf-sortable-holder">
        <div class="empty-sortable hidden">
        <input type="text" name="example">
        </div>
    </div>
</div>

<div class="option">
    <div class="vf-sortable-holder">
        <div class="empty-sortable hidden">
        <input type="text" name="example">
        </div>
    </div>
</div>

所以我的js代码可以删除name属性，但我实际上需要使用data-rel更改名称，或者使用js代码从html中删除名称并添加data-rel，或者以某种方式将名称重命名为data-rel需要它看起来像这样:

<div class="option">
    <div class="vf-sortable-holder">
        <div class="empty-sortable hidden">
        <input type="text" data-rel="example">
        </div>
    </div>
</div>

<div class="option">
    <div class="vf-sortable-holder">
        <div class="empty-sortable hidden">
        <input type="text" data-rel="example">
        </div>
    </div>
</div>

Answer 1

这是您要找的吗？

$('.vf-sortable-holder').each(function() {
    var empty_sortable = $(this).find('input');
    var sortable_name = empty_sortable.attr('name');

    empty_sortable.attr('data-rel', sortable_name).removeAttr('name');;
});

同时删除“.”来自 HTML 中的 vf-sortable 类名称。