0

サイトに複数の div があります。例えば

<div id='id_111232'>Some text</div>
<div id='id_111233'>Some text</div>
<div id='id_111234'>Some text</div>
<div id='id_111235'>Some text</div>

そして、この div に次のように追加する JavaScript を作成したい

<a href='http://something.com/some/xx'></a>

ここで、xx は上記の div の値なので、つまり: id_ value どうすればこれを行うことができますか?

4

3 に答える 3

0

jQuery を使用すると、意味のあるセレクターで div をループし、id 属性を解析して、次のようなリンクを作成できます。

HTML:

<div class="link" id='id_111232'>Some text</div>
<div class="link" id='id_111233'>Some text</div>
<div class="link" id='id_111234'>Some text</div>
<div class="link" id='id_111235'>Some text</div>

Javascript:

$('div.link').each(function() {
    var id = $(this).attr('id').split('_')[1];
    $(this).html('<a href="http://something.com/some/' + id + '">' + $(this).text() + '</a>');
});​

これが実際のフィドルです: http://jsfiddle.net/archatas/uPR62/

于 2012-06-29T18:05:38.143 に答える
0

これを試してください - http://jsfiddle.net/9DAd7/2

var divs = document.getElementsByTagName("div");
var size = divs.length;

for ( var i = 0; i < size; i++ ) {
    var link = document.createElement("a");
    var id = divs[i].getAttribute("id").replace("id_", "");

    link.innerHTML = id;
    link.href      = "http://www.example.com/" + id;

    divs[i].appendChild(link);
}

または、jQuery を使用するとさらに簡単になります - http://jsfiddle.net/9DAd7/3/

$("div").each(function() {
    var id = $(this).attr("id").replace("id_", "");
    $(this).append( '<a href="http://www.example.com/' + id + '">' + id + '</a>' );
});
于 2012-06-29T17:58:25.577 に答える
0

あなたが達成しようとしていることを明確に理解しているかどうかはわかりませんが、上記の div の各テキストを href の最後に追加したい場合は、以下のような JQuery を実行できます。

<a id="myLink" href='http://something.com/some'></a>

<div id='appendedDivs'>
<div id='id_111232'>Some text</div>
<div id='id_111233'>Some text</div>
<div id='id_111234'>Some text</div>
<div id='id_111235'>Some text</div>
</div>

<script type="text/javascript">
    var appendedLink=$("myLink").attr("href")+'/';
        $('appendedDivs').childen().each( function() {
        appendedLink = appendedLink + this.text();
    });

    $("myLink").attr("href")=appendedLink;

</script>

これにより、appendedDivs 内のすべての div テキストが URL に追加されます。

幸運を！

于 2012-06-29T17:59:52.313 に答える