değişkene jquery html yazmak

3 Cevap php

ben bir listeden veri başka listeye itilebilir iki liste uygulaması yazıyorum.

ben böyle DIV kullanıyorum

             <div id="all_users">
             <div id="user1" userid="1" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 01</strong>
    <ul>
    <li>User ID: 1</li>
    <li>Email: user1@nodomain.com</li>
    <li style="padding-top:5px;">
    <input type="checkbox" id="select1" value="1" class="selectit" />
    <label for="select1">&nbsp;&nbsp;Select it.</label>
    </li>
    </ul>
    </div>

 <div id="user2" userid="2" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 02</strong>
      <ul>
    <li>User ID: 2</li>
    <li>Email: user2@nodomain.com</li>
    <li style="padding-top:5px;">
    <input type="checkbox" id="select2" value="2" class="selectit" />
    <label for="select2">&nbsp;&nbsp;Select it.</label>
    </li>
    </ul>
    </div>
     <div class="float_break"></div>

     </div>

div veri kaldırma i aşağıdaki komut dosyasını kullanabilirsiniz

          $("#move_new").click(function() {     
    $('#all_users .innertxt').each(function() {
    $(this).remove();
    }); 
});

şimdi ben gerekenler:

DIV içine yeni veri eklemek.

i aşağıdaki kodu deneyin

   $('#all_users').append(new_data_var);

new_data_var şu HTML değerini ihtiva eden değişken olduğu

      <div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong>
    <ul>
    <li>User ID: 1</li>
    <li>Email: user1@nodomain.com</li>
    <li style="padding-top: 5px;">
    <input type="checkbox" class="selectit" value="1" id="select1">
    <label for="select1">&nbsp;&nbsp;Select it.</label>
    </li>
    </ul>
    </div>

ben nasıl ben new_data_var içine HTML değerin üstünde saklayabilirsiniz anlamaya istiyor?

değerlerim MYSQL & geliyor ikinci ise PHP nasıl ben daha fazla değer katmak için bir döngü içinde kullanabilirsiniz.

Teşekkürler

3 Cevap

Bir değişkene HTML kodunu saklamak için bu kullanabilirsiniz:

var new_data_var = $('<div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong><ul><li>User ID: 1</li> <li>Email: user1@nodomain.com</li><li style="padding-top: 5px;"><input type="checkbox" class="selectit" value="1" id="select1"><label for="select1">&nbsp;&nbsp;Select it.</label></li></ul></div>');
$('#all_users').append(new_data_var);

Jquery seti çağrı kodunuzu kaydırma deneyin:

$('#all_users').append( $(new_data_var) );

Diğerleri gerçekten, ben önce onu ekleme için HTML oluşturmak için jQuery kullanarak tavsiye önerdi aynı, bu minimalist versiyonu ama benzer bir şekilde çok yaratacaktır.

var new_data_var = $('div', {'id': 'user1', class: 'innertxt'}).html('
  <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong>
  <ul>
    <li>User ID: 1</li>
    <li>Email: user1@nodomain.com</li>
    <li style="padding-top: 5px;">
      <input type="checkbox" class="selectit" value="1" id="select1">
      <label for="select1">&nbsp;&nbsp;Select it.</label>
    </li>
  </ul>
);

etiketler