2013-06-08 3 views
0

У меня есть код, подобный этому:как копировать Ли из таблицы уль сНу

<div> 
    <ul> 
    <li></li> 
    </ul> 
</div> 

Проблема заключается в том, что я не могу изменить HTML-код. Я должен сделать это с помощью jQuery.

Мне нужно удалить содержимое <li>, чтобы сделать литу той же ширины, что и основной div. Любое другое решение, которое я придумал, не работает.

+3

Посмотрите на 'ReplaceWith()': http://api.jquery.com/replaceWith/ – mfaerevaag

+2

, если вам нужно сделать 'li' той же ширины, что и' div', то почему вы хотите удалить его. – exexzian

ответ

2

Как о чем-то вроде этого, чтобы очистить их:

$('li').html('');

Или это, чтобы удалить их все вместе:

$('li').remove();

0

Может быть, это то, что вы ищете: {даже я действительно не понимаю, что вы хотите сделать}

http://jsfiddle.net/vwxgd/

var $ul = $('ul'); 
$ul.replaceWith($.trim($ul.text())); 
+0

Пробел не отображается в html (кроме одного места), поэтому это маловероятно к шансу ширины много, если вообще. –

+0

@LukeCousins ​​$ .trim() здесь используется для совместимости браузера, особенно с более старой версией IE и/или jquery, которые могут добавлять некоторые конкретные символы в конце строки, создавая неверный html. Но все же я не понимаю, что OP хочет сделать здесь. –

1

Вы можете изменить ширину элемента непосредственно, если вы предпочитаете, почему вам необходимо удалить его http://jsfiddle.net/Fx8DD/1/

// js 
$("#remove").click(function() { 
    $('li').remove(); 
}); 

$("#change").click(function() { 
    $('li').width('200px'); 
}); 
// html 
<div> 
    <ul> 
    <li class="mod">Some li</li> 
    </ul> 
</div> 
<button id="remove" type="button">Remove</button> 
<button id="change" type="button">Chnage width/button> 

// css 
.mod { background: blue; cursor: default; } 
Смежные вопросы