JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" name="signup_form" id="signup_form" class="standard-form" method="post" enctype="multipart/form-data">

<p>TEXT THAT NEEDS TO BE CHANGED</p>

			
<div class="register-section" id="basic-details-section">

				<div class="register-section" id="profile-details-section">

					<h4>Profile Details</h4>

										
<div class="editfield field_1 field_business-name required-field visibility-public field_type_textbox">

							
		<label for="field_1">(required)</label>

<input id="field_1" name="field_1" type="text" value="" aria-required="true">

<p>
THIS TEXT DOES NOT HAVE TO CHANGE
</p>
<div class="editfield field_56 field_business-location required-field visibility-public alt field_type_selectbox">

							
<label for="field_56">(required)</label>

		
		<select id="field_56" name="field_56" aria-required="true">
			<option value="">----</option><option value="Biscuit Factory">Biscuit Factory</option><option value="Red Area">Red Area</option><option value="Green Area">Green Area</option><option value="Yellow Area">Yellow Area</option>		</select>

<p>
THIS TEXT DOES NOT HAVE TO CHANGE
</p>

</form>

JavaScript

$(".standard-form p:first").html("The text has changed");