Question

在页面中，如果包含类控件的表可用，那么我只想将div添加到overflow-y可见的<html> <body> <table class="controls" > </table> <div style="overflow"></div> </body> </html>。使用jQuery。

{{1}}

Answer 1

您只需if检查与选择器匹配的元素（.length），例如：

if($("table.controls").length) {
  $("div").css({ "overflow-y": "visible" });
}

虽然...... "div"选择器应该更加具体到您所追求的目标。如果您确实要添加 <div>，那么它将如下所示：

$("table.controls").after('<div style="overflow-y: visible;"></div>');

Answer 2

您可以使用length属性来查看jQuery对象是否包含任何元素：

if ($('table.controls').length > 0) {
  $('div').css('overflow-y','visible');
}

Answer 3

if ( $('table.controls').length ) {
  $('div[style=overflow]').css('overflow-y','visible');
}

Answer 4

$(function(){
  $('.controls').addClassToDiv();
}

$.fn.addClassToDiv = function(){
  return this.each(function(){
    $(this).next('div').addClass('myStyles');
  });
}

您应该在样式表中保留样式，而不是添加内联样式，但添加/删除类很容易。 Jut在样式表中定义新样式。

JS添加了一个名为addClassToDiv的jQuery插件，该插件在页面加载时运行，其中页面中有一个带有“控件”类的元素。

当页面上只有一些元素可用时，如何使用jQuery添加类？

4 个答案: