Question

我有一个div标签，用于显示成功和失败消息。我想在Jquery中进行更改。我有另一个页面具有相同类型的标记但在此页面中我正在进行.cs页面中的所有修改。我在.cs页面中为div标签添加的样式如下：

divControl.Visible = true;
divControl.Style.Add("display", "block");
divControl.InnerHtml = "<ul>" + message + "</ul>" + "<span style='float:right;margin-top:-20px;'><img src='../common/images/delete.png' onclick='CloseDiv(\"" + divControl.ClientID + "\");' /></span>";

我想使用Jquery为div添加相同的样式。我在jquery中的div标签是“divMessage”。任何人都可以帮忙吗？

Answer 1

添加一些课程

$("#divMessage").addClass("myClass")

或设置一些css：

$("#divMessage").css("font-weight", "bold") ;

在div中添加内部范围

$("#divMessage span").addClass("someClass someOtherClass")

Answer 2

将代码转换为jQuery：

//divControl.Visible = true;
$('#divMessage').show();
//divControl.Style.Add("display", "block");
$('#divMessage').css('display', 'block');
//divControl.InnerHtml = "<ul>" + message + "</ul>" + "<span style='float:right;margin-top:-20px;'><img src='../common/images/delete.png' onclick='CloseDiv(\"" + divControl.ClientID + "\");' /></span>";
var $ul = $('<ul />').html(message);
var $span = $('<span />')
  .css({
    float: 'right',
    marginTop: '-20px'
  })
  .html("<img src='../common/images/delete.png' onclick='CloseDiv(\"" + divControl.ClientID + "\");' />");
$('#divMessage')
  .append($ul)
  .append($span);

如何在JQuery中为div标签添加span和内部html样式

2 个答案: