0

私はマークアップと CSS を書くこと以外にはあまり詳しくないので、質問があります..

次のような構造の .html ページが 1 つあるとします。

<ul>
<li></li>
<li></li>
<li></li>
</ul>

ここで、これらのリスト項目のそれぞれにクラスが割り当てられていると仮定しましょう。ただし、クラスは一意ではなく、複数回使用されます。特定のクラスに基づくすべてのリスト項目を別の .html ページにフェッチすることは可能ですか? たとえば、クラスが「red」のすべてのリスト項目を red.html というページに呼び出し、クラスが「blue」のすべての項目を blue.html に呼び出します。

PHPまたは別の基本的な方法でこれを行う簡単な方法はありますか?

どんな入力でも大歓迎です。

4

1 に答える 1

0

それがあなたのhtmlだとしましょう：

<ul id="list">
<li class="red"></li>
<li class="blue"></li>
<li class="red"></li>

次に、目的の要素を取得し、これらを ajax メソッドを使用して目的のページに送信することにより、javascript でこれを実現できます。

$(function(){

var elements = $('#list').children('.red');

$('#button').click(function(){  
    $.ajax({
        method: 'POST',
        url: 'somepage.php',
        data: elements,
        success: function(data) {
            $('#result').html(data);
      }
    });   
});

});

ここでjQueryを使用していることに注意してください。プレーンなJavaScriptでは見た目が異なります...これが役立つことを願っています:)

于 2012-09-22T22:49:28.050 に答える