0

大家好，我有一个非常标准的带有 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');
   });
});

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

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

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

4

2 回答 2

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 片段非常容易出错。如果您发现自己经常这样做，您应该考虑使用模板系统。

于 2013-01-04T15:08:57.687 回答
0 
$('div selector').attr('title', enterDesiredvalue);
于 2013-01-04T15:09:41.520 回答