jQuery Werte basierend auf Attributen ändern

Question

Ich habe eine Eingabeklasse und ich möchte es ändern, um Formularattribut auszuwählen.

Bis jetzt habe ich etwas ähnliches, das an meinem h2.title arbeitet, das das Wort von Apple zu Orange ändert.

Beispiel

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript"> 
if(){ 
    $(document).ready(function(){ 
     $(document).live({ 
      mouseover: function(e) { 
      $('h2.title').each(function() { 
       var text = $(this).text(); 
       text = text.replace('Apple', 'Orange'); 
       $(this).text(text);   
      }); 
      } 
     }); 
    }); 
} 
</script> 

Und ich mag diese zu

<input class = "form-input ng-pristine ng-untouched ng-valid ng-empty ng valid-maxlength" id="Banana" maxlength = "2000" name="Banana" type=text" 

Gibt es eine Möglichkeit, um dies zu arbeiten, um zu wählen Attribut Form umgewandelt werden? mit 2 Optionen auswählen

Answer 1

Ja, können Sie dies tun:

text = text.replace('Apple', $(this).attr("name")); 

Hier ist eine Demo:

$(document).ready(function() { 
 
    $(document).on("mouseover", function(e) { 
 
    $('h2.title').each(function() { 
 
     var text = $(this).text(); 
 
     text = text.replace('Apple', $(this).attr("name")); 
 
     $(this).text(text); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2 class="title" name="Banana">Apple</h2> 
 
<h2 class="title" name="Orange">Apple</h2> 
 
<h2 class="title" name="Pineapple">Apple</h2> 
 
<h2 class="title" name="Grape">Apple</h2>