0

我有一个类似的代码:

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

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

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

4

3 回答 3

2

像这样清空它们怎么样:

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

或者将它们一起删除:

$('li').remove();

于 2013-06-08T11:53:25.587 回答
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; } 
于 2013-06-08T12:04:34.300 回答
0

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

http://jsfiddle.net/vwxgd/

var $ul = $('ul');
$ul.replaceWith($.trim($ul.text()));
于 2013-06-08T11:59:47.247 回答