remove child and change css class of parent

Question

I would like to remvoe img tag and change css class of span tag through jquery. and I would like to delete using ID's. I tried using this code Delete a div or span with a id=".xxx" but it didn't work

  <span id="ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory" class="xqh_LookUpTextBox_ImgMandatory">
   <img id="ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_imgMandatory" src="/spzBaseModule/Look_Base/Images/Admin/Icons/iconMandatory8x14.png" style="border-width:0px;align:middle;">
  </span>

Unrelated, but having and ID this long means you need to switch a CMS, and fast. And if it's not a CMS, then may [Cthulhu](http://en.wikipedia.org/wiki/Cthulhu) mercy your soul. — Madara's Ghost, Dec 18 '11 at 18:48
@Truth It's a standard ID structure for ASP.Net Forms, each element gets 'namespaced' by any containers with IDs. — robertc, Dec 18 '11 at 21:24

score 1 · Answer 1 · edited Dec 18 '11 at 18:49

1

Like this?

$("#ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory").remove();
$("#ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_imgMandatory").addClass("class_name");

edited Dec 18 '11 at 18:49

Madara's Ghost

172,118
50
264
308

answered Dec 18 '11 at 18:45

inlanger

2,904
4
18
30

Please format your code properly. A code block is inserted by indenting 4 spaces before any line of code. I've formatted the code for you this time, but please format it properly next time. For further help, see the [Editing FAQ](http://stackoverflow.com/editing-help#code) – Madara's Ghost Dec 18 '11 at 18:52

score 1 · Answer 2 · answered Dec 18 '11 at 18:46

1

$("#ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory img").remove();
$("#ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory").addClass("newClass");

answered Dec 18 '11 at 18:46

Dominic Green

10,142
4
30
34

score 1 · Accepted Answer · answered Dec 18 '11 at 18:46

Try this:

$('#myid').addClass('newclass').empty();

[change myid and newclass to suit].

Note that this will remove all children of the specified span. If you really only want to delete IMG tags use this instead:

$('#myid').addClass('newclass').children('img').remove();

score 1 · Answer 4 · answered Dec 18 '11 at 18:54

1

Try something like this:

$('#your-span-id').addClass('some-class').find('img').remove();

answered Dec 18 '11 at 18:54

Marek Příhoda

11,108
3
39
53

remove child and change css class of parent

4 Answers4