0

次のことを達成する良い方法があるかどうか疑問に思っていました: 特定の CSS クラス (たとえば<span class="myclass">My content</span>) でマークされた HTML クラスを選択し、ブラウザーにそれをいくつかの奇妙な方法でカスタマイズされたテキスト「マイコンテンツ」としてレンダリングさせたいのですが、たとえば、このように：私は書く

<span class="myclass" data-image="myimage.jpg" data-title="My Title">My content</span>

そして、私はそれを

<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">

(「t」ごとに画像が 1 回出現します。

<span class="myclass">つまり、内部 HTML とタグの属性を引数として Javascript コードを実行したいと考えています。このコードは、HTML タグをより複雑な HTML コードに置き換える効果がありますが、HTML ページ内でまったく同じ位置に保持する必要があります。それは可能ですか？

質問のやり方が下手で申し訳ありませんが、私は HTML と Javascript の独学です。

4

1 に答える 1

1

テキスト コンテンツではなく HTML を置き換えたい場合は、いつでも次のreplaceWith()関数を使用できます。

var newContnet = '<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">';

$( ".myClass" ).replaceWith(newContent);

そして、これは非常に単純な例です:

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
          var newContnet = '<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">';
          $(".myClass").replaceWith(newContnet);
        });
        </script>
    </head>
    <body>
        <span class="myclass" data-image="myimage.jpg" data-title="My Title">My content</span>
    </body>
</html>
于 2013-10-12T16:18:58.107 に答える