jquery样式div并根据div标签添加标题

Question

大家好，我有一个非常标准的带有 css 的 div，我想附加到给定类已经存在的 div。 这是我的标记

<div id ="one" class="PortalBox">

     </div>

   <div class="ab_Box1d">
                <div style="width:600px;">
                    <%@ include file="./concur-reports/index.html"%> 
                </div>
    </div> <!--finish ab_box1d-->  


</div>

这是我的 jquery。

 $(document).ready(function() {
$(".PortalBox").each(function(){
    var ThisCss = $('<div class="ab_Box1a" id="report1" style="width:640px; padding-top:6px;">'+   
            '<div class="ab_Box1b" id="reportchild1"> </div>' +
                '<table class="ab_Box1c" width="100%" border="0"'+
                  'cellspacing="0" cellpadding="0">'+
              '<tr>'+
                  '<td style="text-align:left">Concur Reports</td>'+
              '</tr>'+
          '</table>'
   +
     '</div>' )
     ThisCss.insertAfter('.PortalBox');
   });
});

所以基本上当我偶然发现任何具有“PortalBox”类的 div 时，我试图在 jquery 中附加标记，但是我需要制作一个动态的部分，这基本上是一个标题 这部分

 '<td style="text-align:left">my channel</td>'+

需要动态地从另一个带有 div 的 HTML 属性中获取标题。 我可以将“title”属性添加到具有值的 div 标签中吗？如何使用 jquery 实现这一点？或 java-script 我对任何想法都持开放态度，因此可以替代解决方案。 提前致谢。

Answer 1

将标题放在data-* 属性中：

<div data-title="my channel" class="PortalBox"></div>

然后您可以使用 jQuery 检索它：

$('.PortalBox').data('title');

---

完整代码如下：

$(document).ready(function() {
    var report = $('<div class="ab_Box1a" style="width:640px; padding-top:6px;">'+   
        '<div class="ab_Box1b" ></div>' +
        '<table class="ab_Box1c" width="100%" border="0"'+
        'cellspacing="0" cellpadding="0">'+
        '<tr>'+
        '<td style="text-align:left">Concur Reports</td>'+
        '</tr>'+
        '</table>'+
        '</div>');

    $(".PortalBox").each(function() {
        report.clone()
            .find('td').text( $(this).data('title') )
            .appendTo(this);
    });
});

请注意，像这样构造 HTML 片段非常容易出错。如果您发现自己经常这样做，您应该考虑使用模板系统。

Answer 2

$('div selector').attr('title', enterDesiredvalue);