php - 使用 jquery 动态地将 id 添加到 html 组件

Question

我正在尝试自动保存我的页面内容并将其转储到数据库中。在插入之前，我想删除 HTML 元素的 ID，因为它们是自动生成的，除了用户编辑它们的编辑页面之外以后不需要。(我已经做到了) 但是，我面临的问题是当用户重新编辑页面时，我想再次添加 id。(通过我们编写的随机函数)。这就是我使用 PHP 从数据库中获取数据的方式

    <?php
    $sqlEdit = "select revisionContent from tbl_revision where revisionId='".$_SESSION['contentId']."'"; //The query to get the record
    $rsEdit = $dbObj->tep_db_query($sqlEdit);                                                                                //The database object to execute the query   
    $resEdit = $dbObj->getRecord($rsEdit);                                                                                       
    $IdLessContent = $resEdit['revisionContent'];                                                                            //Variable with the record
      ?>

现在，我想在 javascript 中使用这个 PHP 变量，所以我这样做了。

  <script language="javascript">
    var getSavedContent = '<?php echo json_encode($IdLessContent); ?>';
    var trimmedCont=($.trim(getSavedContent).slice(1));
    //console.log(trimmedCont);
    var lengthCont= trimmedCont.length;
    var trimmedCont=$.trim(trimmedCont.slice(0,lengthCont-1));
            var pageContent=$('<div class="addId">').append(trimmedCont); //Here I tried creating a div dynamically and appending the content to the div.But now I am not able to manipulate or work on this dyamic div and get NULL when I alert saying $('.addId').html();
            $('.addId').children().attr('id', 'test');               //Itried doing this but does not work

我怎样才能实现它？我尝试添加一个动态 div，但失败了。DOM 有问题吗？我没有在 DOM 中获取动态 div 吗？请发表您的意见并分享想法。
谢谢你的时间

Answer 1

在 JS 控制台中运行它，您会明白这一点:

var some = $('<div class="myadd">');
some.append('<span>hey</span>');

console.log(some.html());
console.log($('.myadd').html());

some.children().attr('id', 'neat');

console.log(some.html());
console.log($('.myadd').html());