1

私はしばらく前にこのコードを見つけましたが、残念ながら元の作者が誰であるかを見つけることができません（誰であれ、ありがとう）...

http://jsbin.com/amituh/11/

それは素晴らしいですが、どうすれば3 divを少なく表示する別のボタンがあります（ただし、常に少なくとも3 divが表示されます）。すべてのdivを表示させる方法は？

みんな、ありがとう

4

1 に答える 1

0

簡単なメモですが、Chrome を使用している場合 (Firefox も同様です。私はそれに慣れていません)、要素を右クリックして調べると、ページのソースが表示され、[リソース] タブに次の情報が表示されます。外部スクリプトにもアクセスできます。新しいテクニックを学ぶのにとても便利です！

とにかく、あなたの質問に関しては、

3 つの行を削除するには、いくつかの方法があります。これが私がたどるルートですが、他の方法、おそらくもっと良い方法があることを覚えておいてください。

例として示したスクリプトは、既に作成されているすべての行で始まり、非表示になっています。制限なしで同じ効果を得るために、jQuery で追加/削除を行うことができます。

これが私が書いた関数です。これらは head のスクリプトタグに含めることができます：

window.linecount = 0;
function add3lines()
{
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
     $('body').append("<div id='line"+window.linecount+"'>A Line Of Text</div><br />");
     window.linecount = window.linecount+1;
}

function remove3lines()
{
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
     $(body).remove('#line'+window.linecount);
     window.linecount = window.linecount-1;
}

次に、ボタンまたはリンクの onclick から目的の関数を次のように呼び出すことができます。

<button onclick='add3lines()'>Add 3 Lines</button>
<button onclick='remove3lines()'>Remove 3 Lines</button>
于 2012-10-25T19:45:33.593 に答える