Question

I am trying to change a tag of a html element.

HTML

 <div id='content'>
 <g transform="100">.....</g>
 <g transform="150">This needs to stay as is</g>
 </div>

How do I change the transform value of the first element? I have the following so far…

 $('#content g:first').replaceWith( "hello" );

Obviously this changes everything from the to the end where I only need to change the transform value.

Answer 1

You can use attr method:

$('#content g:first').attr('transform', 'newValue');

However if your document type is HTML g is not a valid tag, and transform is not a valid attribute, you can use data-* attributes instead.