jQuery根据属性更改值

时间:2017-07-14 16:48:15

标签: javascript jquery

我有一个输入类,我想将其更改为选择表单属性。

到目前为止,我的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个选择选项

1 个答案:

答案 0 :(得分:1)

是的,你可以这样做:

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

这是一个演示:

&#13;
&#13;
$(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);
    });
  });
});
&#13;
<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>
&#13;
&#13;
&#13;