美文网首页php知识积累
jq如何给动态(异步)生成的元素添加样式

jq如何给动态(异步)生成的元素添加样式

作者: hey_沙子 | 来源:发表于2017-03-09 18:42 被阅读66次

ajax是异步的,动态添加的那个方法和ajax在同一级,ajax还没接到返回结果,就已经执行了那个方法了,所以肯定追加不进去,那么我们可以在append追加元素已完成的后边给你想要的元素添加样式

//给id="name"的div添加class="newshopA" 或者newshopA    
$(function(){
$.ajax({
    type: 'GET',
    url: item + "index.php?r=wxproduct/assortment",
    data: {"bcId": bcId, "storeId": storeId},
    dataType: "json",
    success: function (data) {
        var parent_div = $('#hostList').empty();
        var str = '<div id="name">';
        str+=<p>+data.name+'</p></div>';
        parent_div.append(str);
        if(data.id>0){
            $('#name').addClass('newshopA');
        }else{
            $('#name').addClass('newshopB');
        }
    }
})
})

这样动态循环的多个li这种数据可能出现只给第一个li里的元素添加了样式
所以可以添加两个带不同class名的div

var parent_div = $('#hostList').empty();
var str = '<div id="name">';
str+=<p>+data.name+'</p>';
if(data.id>0){
    </div class="newshopA">
    $('#name').addClass('newshopA');
}else{
     </div class="newshopB">
     $('#name').addClass('newshopB');
}
parent_div.append(str);

相关文章

  • jq如何给动态(异步)生成的元素添加样式

    ajax是异步的,动态添加的那个方法和ajax在同一级,ajax还没接到返回结果,就已经执行了那个方法了,所以肯定...

  • react动态添加样式:style和className

    在react开发过程中,如何动态向元素内添加样式style或className className动态添加可以实现...

  • 选择器

    jq 选择器完全继承了 CSS 的风格,与CSS不同的是CSS找到元素后添加的是样式,而jq找到元素后添加的是行为...

  • jQuery常见方法(二)

    一、写出以下功能对应的 Jq 方法: 给元素 $node 添加 class 'active',给元素 $noed ...

  • Animate.css 延迟执行和动画时间

    给元素添加如下样式

  • HTML5 - 类名API

    给当前元素添加类样式 语法 示例 给当前元素移除类样式 语法 示例 检测当前元素添是否包含类样式 语法 示例 给当...

  • JS常用API合集-CSS篇

    CSS类名操作 如何给元素添加/删除Class style样式表操作 页面引入link~ style样式操作 例如...

  • loading data dynamically and as

    .py .html .js 异步加载数据,动态追加元素到页面,动态生成html标签中的内容。好处:It just ...

  • 最近碰到的问题

    1.异步的无序 根据后端返回的数据动态生成元素,然后给元素绑定事件问题:数据还没请求回来,执行绑定事件函数的时候报...

  • 给dom元素添加类

    在封装公用组件的时候,经常会用到动态给元素添加样式思路:先判断这个dom有没有这个类,没有才给这个dom添加类 往...

网友评论

    本文标题:jq如何给动态(异步)生成的元素添加样式

    本文链接:https://www.haomeiwen.com/subject/hqngittx.html