0

コードは次のとおりです。

<span class='maincaptionsmall'>
Test
</span>

私のページの ajax および jquery コードのいくつかの理由により、リンクとして HREF を使用できません。つまり、次のコードのようなものを使用できません。

<span class='maincaptionsmall'><a href="http://google.com">Test</a></span>

では、jquery を使用してこの css 要素を取得し、maincaptionsmallそれを href link に設定するにはどうすればよいですか?

jqueryを使ってcss要素をhrefリンクとして設定する例を教え<div>て<span>ください。

前もって感謝します

4

1 に答える 1

1

.maincaptionsmalljQuery を使用してこの DOM を取得するには、以下のコードを使用します。

$('.maincaptionsmall')

innerText をラップするには、使用できますwrapInner

$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');

ライブデモ

編集

コードを内部にラップする必要がありdocument.ready、ドキュメントが適切に構造化されていません。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() // you are missing this
            {
                $('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');
            });
        </script>
    </head>
    <body>
        <span class='maincaptionsmall'>Test</span>
    </body>
</html>
于 2013-09-14T04:59:23.423 に答える