Как я могу удалить персонажа из класса? - PullRequest
Новая
       5

Как я могу удалить персонажа из класса?

3 голосов
/ 01 июля 2011

Я хочу удалить x_ из каждого идентификатора и каждого класса в ol. Этот ol генерируется из поля формы, поэтому я не могу получить к нему доступ.

если я сохраню значение поля в переменной, как я могу удалить эти символы?

Вот некоторые из моих jQuery 

var itemValue = $("#ItemDescription").val();
console.log(itemValue);
$("body #demo ol.sortable").html(itemValue);

HTML содержимое (#itemDescription) 

<li class="x_menu-item">
<div>Menu Item</div>
<ol>
    <li style="display: list-item;" class="x_no-nest" id="x_menu-item0">
    <div><a href="/_webapp_3915457/Portfolio1">Portfolio1</a></div>
    </li>
    <li style="display: list-item;" class="x_no-nest" id="x_menu-item1">
    <div><a href="/_webapp_3915468/Portfolio10">Portfolio10</a></div>
    </li>
    <li style="display: list-item;" class="x_menu-item">
    <div>Menu Item</div>
    <ol>
        <li style="display: list-item;" class="x_no-nest" id="x_menu-item3">
        <div><a href="/_webapp_3923732/Portfolio12">Portfolio12</a></div>
        </li>
    </ol>
    </li>
    <li style="display: list-item;" class="x_no-nest" id="x_menu-item2">
    <div><a href="/_webapp_3923731/Portfolio11">Portfolio11</a></div>
    </li>
</ol>
</li>
<li style="display: list-item;" class="x_no-nest" id="x_menu-item4">
<div><a href="/_webapp_3914327/Portfolio2">Portfolio2</a></div>
</li>
<li style="display: list-item;" class="x_no-nest" id="x_menu-item5">
<div><a href="/_webapp_3915633/Portfolio3">Portfolio3</a></div>
</li>
<li style="display: list-item;" class="x_no-nest" id="x_menu-item6">
<div><a href="/_webapp_3915649/Portfolio4">Portfolio4</a></div>
<ol>
</ol>
</li>
<li style="display: list-item;" class="x_no-nest" id="x_menu-item7">
<div><a href="/_webapp_3915635/Portfolio5">Portfolio5</a></div>
</li>
<li class="x_no-nest" id="x_menu-item8">
<div><a href="/_webapp_3915658/Portfolio6">Portfolio6</a></div>
</li>
<li class="x_no-nest" id="x_menu-item9">
<div><a href="/_webapp_3915650/Portfolio7">Portfolio7</a></div>
</li>
<li class="x_no-nest" id="x_menu-item10">
<div><a href="/_webapp_3915354/Portfolio8">Portfolio8</a></div>
</li>
<li class="x_no-nest" id="x_menu-item11">
<div><a href="/_webapp_3915356/Portfolio9">Portfolio9</a></div>
</li>

Я также хочу заменить его на значение textarea, когда я закончу, но я могу сделать это сам. Мне просто нужна помощь с удалением "x _"

Спасибо !! :)

Ответы [ 2 ]

5 голосов
/ 01 июля 2011

Вы можете удалить все «x_» из идентификаторов, просто используя функцию обратного вызова attr: 

$("#ItemDescription li").attr('id',function(i,e){
   if (typeof e != "undefined" && e.substring(0,2)=="x_") return e.substring(2);
});

пример: http://jsfiddle.net/niklasvh/Rfq2n/

Если к каждому элементу присоединен только 1 класс, как в вашем примере, вы можете сделать то же самое с классами: 

$("#ItemDescription li").attr('id',function(i,e){
   if (typeof e != "undefined" && e.substring(0,2)=="x_") return e.substring(2);
}).attr('class',function(i,e){
   if (typeof e != "undefined" && e.substring(0,2)=="x_") return e.substring(2);
});

пример: http://jsfiddle.net/niklasvh/Rfq2n/6/

В случае, если может быть несколько классов, и класс "x_" не первый, вы можете сделать это: 

$("#ItemDescription li").attr('id',function(i,e){
   if (typeof e != "undefined" && e.substring(0,2)=="x_") return e.substring(2);
}).attr('class',function(i,e){
    if (typeof e != "undefined"){
        if (e.split(" ").length && e.substring(0,2)=="x_")  return e.substring(2);
        var classes = "";
        $.each(e.split(" "),function(i,b){
            if (b.substring(0,2)=="x_") classes +=  " "+b.substring(2);
            else   classes +=  " "+b;
        });  
        return $.trim(classes);
    }
});

пример: http://jsfiddle.net/niklasvh/Rfq2n/16/

В этом случае используйте решение, упомянутое Стивом в комментарии ниже.

3 голосов
/ 01 июля 2011

Это позаботится о идентификаторах: 

$('#itemDescription *').attr('id', function (i, old) {
    if (old.match(/^x_/)) {
        return old.replace(/^x_/, '');
    }
});

jsFiddle Demo

...