0

私はjQueryAJAXの作業をあまり行っておらず、必要なものに対して絶対に驚くほど機能するロード関数を学び始めました...しかし、私の質問は、最後の5つのレコード/リストアイテムのみを選択する方法についてより具体的になりました特定のリストアイテムをターゲットにする場合...

例えば;

ページ名:targeted.html

  <div id="targeted_div">
  <ul>
  <li>Want to select this list item</li>
  <li>Want to select this list item</li>
  <li>Want to select this list item</li>
  <li>Want to select this list item</li>
  <li>Want to select this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  <li>Do NOT want this list item</li>
  </ul>
  </div>

ページ名:new.html

<div id="new_div">
</div>

私は通常、次のように順序付けされていないリスト全体を選択します。

<script>
$('#new_div').load('/targeted.html #targeted_div');
</script>

事前に感謝します:)最後の5つのレコードを下から上に選択することも可能です...乾杯

4

2 に答える 2

1

-セレクターを使用する:lt()

$('<ul/>')
 .appendTo($('#new_div').empty())
   .load('/targeted.html #targeted_div li:lt(5)');
于 2012-09-04T07:51:48.933 に答える
0

ファイルの最後の 5 つの要素にクラスを追加しtargeted.htmlます。

<div id="targeted_div">
  <ul>
    <li class='selectMe'>Want to select this list item</li>
    <li class='selectMe'>Want to select this list item</li>
    <li class='selectMe'>Want to select this list item</li>
    <li class='selectMe'>Want to select this list item</li>
    <li class='selectMe'>Want to select this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
    <li>Do NOT want this list item</li>
  </ul>
</div>

次に、new.html実行中:

<script>
   //get only $('.selectMe') elements from targeted.html contents
   var loadedCode = $.load('/targeted.html .selectMe');

   //construct new code
   var newCode = '<ul>'+loadedCode+'</ul>';

   //insert new code into #newDiv
   $('#newDiv').html(newCode);

   //reorder <li> elements
   var ul = $("ul");
   var li = ul.children("li");
   li.detach().sort();
   ul.append(li);
</script>
于 2012-09-04T07:45:26.313 に答える