How to combine jquery(".class") and input[name*='some_text']
This is my first post, so hello to everyone.
I am working with CMS Typo3 + extension MASK, which extents the backend form input fields.
These fields are arranged one below the other and I would like to have them beside each other.
.form-section + .form-section {
display: inline;
}
does the trick, but unfortunately not only the new MASK-fields are lined up but all input fields in the backend are effected.
So I tried to use jquery to select only those elements, which are created by MASK.
The task:
Select all elements within <fieldset> which have the class
.form-section
but only if the fieldset somewhere has an
input type="text/data/value"
containing "tx_mask".
I tried
- jquery(document).ready(function() {
- jquery("form-section").find( ("input[name*='tx_mask']") ).css( "display", "inline" );
- });
and plenty of different combinations, but can't get it to work. Can anybody help me to get the syntax right?
This is the test-HTML:
- <fieldset class=" form-section ">
<div class="form-group t3js-formengine-validation-marker t3js-formengine-palette-field">
<label class="t3js-formengine-label">
Objekt-Nr.:
</label>
<div class="t3js-formengine-field-item">
<div class="t3-form-field-disable"></div>
<div class="form-control-wrap" style="max-width: 156px">
<input type="text" data-formengine-validation-rules="[]" data-formengine-input-params="{"field":"data[tt_content][197] [tx_mask_objektnr]","evalList":"","is_in":""}" data-formengine-input-name="data[tt_content][197][ tx_mask _objektnr]" id="formengine-input-57b3355a365e7176122195" value="" class="form-control t3js-clearable hasDefaultValue" /><input type="hidden" name="data[tt_content][197][ tx_mask _objektnr]" value="HAB-56789" /></div>
</div>
</div>
</fieldset>
- <fieldset class=" form-section ">
<div class="form-group t3js-formengine-validation-marker t3js-formengine-palette-field">
<label class="t3js-formengine-label">
Objekt-Nr.:
</label>
<div class="t3js-formengine-field-item">
<div class="t3-form-field-disable"></div>
<div class="form-control-wrap" style="max-width: 156px">
<input type="text" data-formengine-validation-rules="[]" data-formengine-input-params="{"field":"data[tt_content][197][ tx_mask _objektnr]","evalList":"","is_in":""}" data-formengine-input-name="data[tt_content][197][ tx_mask _objektnr]" id="formengine-input-57b3355a365e7176122195" value="" class="form-control t3js-clearable hasDefaultValue" /><input type="hidden" name="data[tt_content][197][ tx_mask _objektnr]" value="HAB-56789" /></div>
</div>
</div>
</fieldset>
- <fieldset class=" form-section "> //This is the one without "tx_mask...."
<div class="form-group t3js-formengine-validation-marker t3js-formengine-palette-field">
<label class="t3js-formengine-label">
Objekt-Nr.:
</label>
<div class="t3js-formengine-field-item">
<div class="t3-form-field-disable"></div>
<div class="form-control-wrap" style="max-width: 156px">
<input type="text" data-formengine-validation-rules="[]" data-formengine-input-params="{"field":"data[tt_content][197][standard_field]","evalList":"","is_in":""}" data-formengine-input-name="data[tt_content][197][standard_field]" id="formengine-input-57b3355a365e7176122195" value="" class="form-control t3js-clearable hasDefaultValue" /><input type="hidden" name="data[tt_content][197][standard_field]" value="HAB-56789" /></div>
</div>
</div>
</fieldset>
Regards
juli