0

こんにちは、1 つの記事を表示したいときに、両方の記事が表示されるという問題が発生しました。

<span class='pres'><img src='http://files.appcheck.se/icons/minecraft.png' /></span><span class='info'><a href='/minecraft' class='title'/><strong>Minecraft</strong></a><span id='cat'>Spel</span><br />Minecraft, ett spel där många lever sig in i dess stora och häpnandsväckande värld. 
Det är en gigantisk värld uppbyggd av fyrkan<span class='readmore 14'><a href='javascript:void(0)'>Läs mer</a></span><span class='more 14'>tiga block som du hugga/hacka/gräva bort och bygga fantastiska hus och monement med, men se upp så att nått monster hoppar på dig.</span><div class='clear'></div></div>
</div>
<script>
$(".readmore a").click(function () {
$(this).remove();
$(".more").show(this);
});
</script>

readmore リンクの 1 つをクリックすると、ページ上のすべての .more が表示されます。

ヘルプ？

4

1 に答える 1

0

以下を試してください

$('.readmore a').click(function() {
    $(this).parent().next().show();
});

デモ

または、toggleもう一度クリックしたときに非表示にする場合に使用します。

$('.readmore a').click(function() {
    $(this).parent().next().toggle();
});

デモ

更新：クリック後にリンクを削除

$('.readmore a').click(function() {
    var $link = $(this);
    $link.parent().next().toggle();
    $link.remove();
});

デモ

于 2012-08-24T18:41:21.003 に答える