jQuery根據屬性更改值

Question

我有一個輸入類，我想將其更改爲選擇表單屬性。

到目前爲止，我有類似的工作在我的h2.title上，將單詞從Apple更改爲Orange。

例

<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> 

而且我真的很喜歡這個轉換，選擇表格屬性

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

有沒有辦法上班這件事？ 2個選擇選項

Answer 1

是的，你可以這樣做：

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

這裏是一個演示：

$(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>