Link to home
Start Free TrialLog in
Avatar of MJ
MJFlag for United States of America

asked on

Get Error Message when displayed?

How would I get the value of "You must accept the Bank of the West terms before registering." from the below, when displayed to user?  The only thing I see that is different is the div 2 before the value I want, has a class of "c-alert__icon--big c-alert__icon--error".
<div class="c-alert__container js-notifications">
<div aria-live="assertive" class="alert c-alert c-alert--floating c-alert--success fade is-hidden js-changes-saved-notification js-floating-alert show" role="alert" tabindex="0">
<div class="d-flex">
<div class="c-alert__icon--big c-alert__icon--success">
<div class="fal fa-check-circle c-icon"></div>
</div>
<div class="c-alert__text c-alert__text--floating js-notification-message">Changes successfully saved</div>
</div>
<div class="c-alert__close c-alert__close--floating">
<a aria-label="Close" class="btn btn--circle btn--disguised btn--close js-floating-alert-close" href="#">
<div class="icon--utility__close icon--utility far fa-info-circle c-icon"></div>
</a>
</div>
</div>

<div aria-live="assertive" class="alert c-alert c-alert--floating c-alert--success document-uploaded-notification fade is-hidden js-document-uploaded-notification js-floating-alert show" role="alert" tabindex="0">
<div class="d-flex">
<div class="c-alert__icon--big c-alert__icon--success">
<div class="fal fa-check-circle c-icon"></div>
</div>
<div class="c-alert__text c-alert__text--floating js-notification-message">Document uploaded successfully.</div>
</div>
<div class="c-alert__close c-alert__close--floating">
<a aria-label="Close" class="btn btn--circle btn--disguised btn--close js-floating-alert-close" href="#">
<div class="icon--utility__close icon--utility far fa-info-circle c-icon"></div>
</a>
</div>
</div>

<div aria-live="assertive" class="alert c-alert c-alert--error c-alert--floating error-notification fade js-error-notification js-floating-alert show" role="alert" tabindex="0">
<div class="d-flex">
<div class="c-alert__icon--big c-alert__icon--error">
<div class="fal fa-exclamation-triangle c-icon"></div>
</div>
<div class="c-alert__text c-alert__text--floating js-notification-message">You must accept the Bank of the West terms before registering.</div>
</div>
<div class="c-alert__close c-alert__close--floating">
<a aria-label="Close" class="btn btn--circle btn--disguised btn--close js-floating-alert-close" href="#">
<div class="icon--utility__close icon--utility far fa-info-circle c-icon"></div>
</a>
</div>
</div>

<div aria-live="assertive" class="alert c-alert c-alert--floating c-alert--warning fade is-hidden js-floating-alert js-long-load-notification show" role="alert" tabindex="0">
<div class="d-flex">
<div class="c-alert__icon--big c-alert__icon--warning">
<div class="fal fa-exclamation-circle c-icon"></div>
</div>
<div class="c-alert__text c-alert__text--floating js-notification-message">The page is taking longer than expected to load.</div>
</div>
</div>

<div aria-live="assertive" class="alert c-alert c-alert--floating c-alert--info fade info-notification is-hidden js-floating-alert js-info-notification show" role="alert" tabindex="0">
<div class="d-flex">
<div class="c-alert__icon--big c-alert__icon--info">
<div class="fal fa-info-circle c-icon"></div>
</div>
<div class="c-alert__text c-alert__text--floating js-notification-message">Info</div>
</div>
<div class="c-alert__close c-alert__close--floating">
<a aria-label="Close" class="btn btn--circle btn--disguised btn--close js-floating-alert-close" href="#">
<div class="icon--utility__close icon--utility far fa-info-circle c-icon"></div>
</a>
</div>
</div>


</div>

Open in new window

User generated image
If you want to see the page, click here. Just leave the Terms of Service box unchecked.

Thanks!
Avatar of Sam Jacobs
Sam Jacobs
Flag of United States of America image

Try:
$('div.c-alert__text.c-alert__text--floating.js-notification-message').html

Open in new window

Avatar of MJ

ASKER

Hi Sam,
That returned :
ƒ (e){return We(this,function(e){var t=this[0]||{},i=0,n=this.length;if(e===undefined)return 1===t.nodeType?t.innerHTML.replace(nt,""):undefined;if("string"==typeof e&&!st.test(e)&&(de.htmlSerialize||!…

Open in new window

What if you use .text() instead of .html ?
ASKER CERTIFIED SOLUTION
Avatar of Zakaria Acharki
Zakaria Acharki
Flag of Morocco image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of MJ

ASKER

Thank you both!
You're welcome, glad we could help.