javascript - jQuery prepend() 到包含 Div 的元素

标签 javascript jquery html css

我正在尝试为每个包含至少一个 div 的 div 添加 ()。与此类似但实际有效的东西:

if ($('.tooltip-item').children('div').size() > 1) {
$('.tooltip-item').prepend('<div class="star">*</div>');
}

我的html是这样设置的

<a id="filterItems" class="tooltips" href="#">XBOX
    <span class="tooltip-container">
        <div class="tooltip-item">Controller</div>
        <div class="tooltip-item">Console
            <div class="filter-item">In Stock</div>
            <div class="filter-item">Pre-Order</div>
        </div>
    </span>
</a>

在这个例子中,我只想将我的 prepend() 到“控制台”,但我尝试过的每种方法最终都会为每个元素或没有元素得到一个 div。如何添加到包含 div 的“Console”div?

最佳答案

尝试使用.filter()在这种情况下完成你的任务,

$('.tooltip-item').filter(function(){
  return $(this).children().length;
}).prepend('<div class="star">*</div>');

DEMO

注意:请检查所需元素以确保正确性。

关于javascript - jQuery prepend() 到包含 Div 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24134468/

相关文章:

javascript - 为什么我的脚本中多次触发点击事件?

javascript - 如何让 jquery.Ajax 在 json 响应前面使用 "throw 1; <dont be evil>"?

html - 可滚动容器内的全宽子元素

html - 使页眉适合屏幕宽度

javascript - 自动加载下拉菜单选项

javascript - IE8 的 DOM 内存问题(插入大量 JSON 数据)

javascript - Jquery 和 HTML5 中的纵向和横向模式兼容性

javascript - 在 javascript 中生成表单时出现问题 [HTML5]

html - 数字输入字段中的两位占位符

javascript - 在鼠标悬停时隐藏/显示左侧边栏