Question

我有类似的代码：

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

问题是我无法更改html代码。我必须使用jQuery。

我需要删除<li>内容才能使li与主div的宽度相同。我提出的任何其他解决方案都不起作用。

Answer 1

这样的事情如何清空它们：

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

或者将它们全部一起删除：

$('li').remove();

Answer 2

如果您愿意，可以直接更改元素的宽度，为什么需要将其删除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; }

Answer 3

也许这就是你要找的东西：{即使我真的不明白你想做什么}

http://jsfiddle.net/vwxgd/

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

如何从ul div表中删除li

3 个答案: