Question

I need to remove a span tag with in a div. Here is what I have:

<div id="row-title-7">
    <span class="ui-icon ui-icon-triangle-1-e"></span>
    <span class="ui-icon ui-icon-triangle-1-s"></span>
</div>

I need to remove this one:

<span class="ui-icon ui-icon-triangle-1-s"></span>

I have tried several things and nothing seems to be working.

Answer 1

Will the span you remove always have a different class than the ones you want to keep? If so just do:

$('#row-title-7').children('.ui-icon-triangle-1-s').remove();

If the class will differ but it will always be the 2nd span, you coule use:

$('#row-title-7:nth-child(2)').remove();