jquery - 如何通过 JQuery 访问 HTML DOM

Question

对 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>并且我想删除它。我该怎么做？

谢谢！

Answer 1

附加

$(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();
});

Answer 2

你可以使用 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/

Answer 3

见这里http://api.jquery.com/category/manipulation/dom-replacement/

Answer 4

用这个：

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