自定义属性使用jquery更改内容

时间:2014-01-23 13:33:28

标签: javascript php jquery

我的js脚本存在一些问题 它的执行完美,但在浏览器处于运行阶段,就像在无限的外观。浏览器没有停止。

此代码存在任何问题

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <meta charset=utf-8 />
        <title>JS Bin</title>
    </head>
    <body>

        <p MyTag="home_id">home</p>
        <p>33333333333</p>
        <p MyTag="content_id">Content</p>
        <script>
            $(document).ready(function(){
            var a = 'New text';
            $('[MyTag]').each(function(index) {
             document.write(index + ': ' + a + "<br>");
            });
            });
        </script>
    </body>
</html>

3 个答案:

答案 0 :(得分:2)

要更改下面可以使用的每个标记中的值。

$(document).ready(function(){
   var a = 'New text';
   $('[MyTag]').each(function(index) {
     $(this).html(index+':'+a);
     $(this).val(index+':'+a);
   });
});

html():在HTML文档中,.html()可用于获取/设置任何元素的内容。
val():获取匹配元素集中第一个元素的当前值,或者设置每个匹配元素的值。

答案 1 :(得分:0)

试试这个

    $(document).ready(function(){
       var a = 'New text';
       $('[MyTag]').each(function(index) {
         $(this).html(index+':'+a);
       });
    });
祝你好运

答案 2 :(得分:0)

不要使用document.write,否则你必须经常处理这些问题。如果要将某些内容附加到此类元素,请使用jQuery中的append - 方法

$('.element').append($("<span />").text("your text.."));