内容をラベル内に隠す

Question

私はwordpressプラグインに苦労しています。次のコードでは、 "DD"、 "MM"、 "YYYY"という言葉を隠すようにしようとしています。

<div class="smFormInlineFormCont"> 
    <div class="smInlineForm smInlineFormDate"> 
     <span> 
     <label><input name="smFieldData[wpformfield5627][date][dd]" id="smform-field-yyyy2452" 
      value="" 
      class="smFieldDD smform-control smform-field-sizelarge " 
      type="number" date-type="date" min="1" max="31" /> DD</label></span> 

     <span><label><input name="smFieldData[wpformfield5627][date][mm]" id="smform-field-mm2452" 
      value="" 
      class="smFieldMM smform-control smform-field-sizelarge " 
      type="number" date-type="date" min="1" max="12" /> MM</label></span> 

     <span><label><input name="smFieldData[wpformfield5627][date][yyyy]" id="smform-field-yyyy2452" 
      value="" 
      class="smFieldDD smform-control smform-field-sizelarge " 
      type="number" date-type="date" min="1" max="9999" /> YYYY</label></span> 
    </div> 

事は、私は、私はむしろ代わりにJJ、MM、AAAAを入れたいか、単にすべて一緒に私を悩ませている文字を削除フランス語でウェブサイトを構築していますということです。あなたの助けのための

感謝:)

Answer 1

あなたはjavascriptやjqueryのを使用して必要なテキスト交換するには：

$(document).ready(function(){ 
 
    $('label').each(function(){ 
 
    var txt = $(this).text().replace("YYYY", "AAAA").replace("DD", "JJ"); 
 
    var inp = $(this).find('input'); 
 
    $(this).html(''); 
 
    $(this).append(inp); 
 
    $(this).append(txt); 
 
    }); 
 
});

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
 

 
<div class="smFormInlineFormCont"> 
 
    <div class="smInlineForm smInlineFormDate"> 
 
     <span> 
 
     <label><input name="smFieldData[wpformfield5627][date][dd]" id="smform-field-yyyy2452" 
 
      value="" 
 
      class="smFieldDD smform-control smform-field-sizelarge " 
 
      type="number" date-type="date" min="1" max="31" /> DD</label></span> 
 

 
     <span><label><input name="smFieldData[wpformfield5627][date][mm]" id="smform-field-mm2452" 
 
      value="" 
 
      class="smFieldMM smform-control smform-field-sizelarge " 
 
      type="number" date-type="date" min="1" max="12" /> MM</label></span> 
 

 
     <span><label><input name="smFieldData[wpformfield5627][date][yyyy]" id="smform-field-yyyy2452" 
 
      value="" 
 
      class="smFieldDD smform-control smform-field-sizelarge " 
 
      type="number" date-type="date" min="1" max="9999" /> YYYY</label></span> 
 
    </div>