JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<ul id="content_0_leftcolumn_0_Attachments_RadAsyncUploadListContainer" class="ruInputs">
  <li>
    <span class="ruFileWrap ruStyled">
      <span class="ruUploadProgress ruUploadSuccess">test file (above 5mb).zip</span>
    </span>
    <input class="ruButton ruRemove" type="button" name="RowRemove" value="Remove" tabindex="-1">
    DIV GOES HERE 
  </li>
</ul>
<ul id="content_0_leftcolumn_0_Attachments_RadAsyncUploadListContainer" class="ruInputs">
  <li>
    <span class="ruFileWrap ruStyled">
      <span class="ruUploadProgress ruUploadSuccess">test file (above 5mb).zip</span>
    </span>
    <input class="ruButton ruRemove" type="button" name="RowRemove" value="Remove" tabindex="-1">
    DIV GOES HERE 
  </li>
</ul>
<ul id="content_0_leftcolumn_0_Attachments_RadAsyncUploadListContainer" class="ruInputs">
  <li>
    <span class="ruFileWrap ruStyled">
      <span class="ruUploadProgress ruUploadSuccess">test file (above 5mb).zip</span>
    </span>
    <input class="ruButton ruRemove" type="button" name="RowRemove" value="Remove" tabindex="-1">
    DIV GOES HERE 
  </li>
</ul>

JavaScript

$('input[type=button]').click(function(e) {
    e.preventDefault();
    var $li = $("span.ruUploadSuccess").parent().parent();
    $li.eq(0).append('<div> testing only </div>');
    $li.not($li.has("div.contactUsAttachmentFileSize")).css('color','red');
});