0

JQueryが初めてで、これに到達する方法がわかりません：

これからJQuery経由でDOMを変更する必要があります：

<li id="1_1_4" class="ui-widget-content ui-selectee">1.1.4</li>

これに：

<li id="1_1_4" class="ui-widget-content ui-selectee ui-selected">1.1.4<span class="ui-icon ui-icon-check"
                style="float: right; margin: 2px 7px 0 0;"></span></li>

編集： また、元に戻したい場合は、<Span>それを削除したいという意味です。どうすればできますか？

ありがとう！

4

4 に答える 4

3

追加

$(document).ready(function() {
  $('#1_1_4').append('<span class="ui-icon ui-icon-check" style="float: right; margin: 2px 7px 0 0;"></span>');
});

削除する

$(document).ready(function() {
   $('#1_1_4 .ui-icon-check').remove();
});

また

$(document).ready(function() {
   $('#1_1_4 span').remove();
});
于 2012-10-09T13:47:42.547 に答える
1

jQuery の .append() 関数を使用できます。

$('.ui-widget-content .ui-selectee .ui-selected').append("<span class='ui-icon ui-icon-check' style='float: right; margin: 2px 7px 0 0;'></span>");

または：

$('#1_1_4').append("<span class='ui-icon ui-icon-check' style='float: right; margin: 2px 7px 0 0;'></span>");

参考文献 http://api.jquery.com/append/

于 2012-10-09T13:46:55.463 に答える
0

ここを参照してください http://api.jquery.com/category/manipulation/dom-replacement/

于 2012-10-09T13:46:48.360 に答える
0

これを使って：

    $( "#1_1_4" ).append( "<span class=\"ui-icon ui-icon-check\" style=\"float: right; margin: 2px 7px 0 0;\"></span>" );
于 2012-10-09T13:48:37.077 に答える