javascript - 隐藏类与单击元素的类不匹配的元素-6ren

javascript - 隐藏类与单击元素的类不匹配的元素

转载作者：太空宇宙更新时间：2023-11-04 11:47:43

我正尝试在我正在开发的电子商务网站的产品菜单上创建一些显示/隐藏行为。

这是我正在尝试做的事情:

当有人点击“Residential Roofing li”时，我希望隐藏 .submenu div 中没有类“1”的任何 h2 和 li。同样，当有人点击“Residential Siding li”时，我想隐藏 .submenu 中没有类“2”的所有 h2 和 li，依此类推...

HTML

<div class="list-group col-xs-3">
    <ul>
        <li class="list-group-item 1">Residential Roofing</li>
        <li class="list-group-item 2">Residential Siding</li>
        <li class="list-group-item 3">Commercial Roofing</li>
        <li class="list-group-item 4">Building Envelop Products</li>
        <li class="list-group-item 5">Tools/Equip/Accessories</li>
    </ul>
</div>
<!-- /End List Group -->

<div class="col-xs-6 submenu">
    <h2 class="1">Shingles</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200000" class="1">Architectural</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200001" class="1">Premium Designer</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200002" class="1">Traditional 3-Tab</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200003" class="1">Capping</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200004" class="1">Starters</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200005" class="1">Cedar Products</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200006" class="1">Alternatives</a></li>
    </ul>

    <h2 class="1">Felt &amp; Underlayment</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200007" class="1">Felt</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200008" class="1">Underlayment</a></li>
    </ul>

    <h2 class="1">Ice &amp; Water Protection</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200009" class="1">Ice &amp; Water Protection</a></li>
    </ul>

    <h2 class="1">Low Slope</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200010" class="1">Low Slope</a></li>
    </ul>

    <h2 class="1">Ventilation</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200011" class="1">Roof Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200012" class="1">Ventilators</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200013" class="1">Ridge Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200014" class="1">Gable Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200015" class="1">Exhaust/Bathroom Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200016" class="1">B-Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200017" class="1">Wind Turbines</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200018" class="1">Soffit Vents</a></li>
    </ul>

    <h2 class="1">Flashing</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200019" class="1">Step Flashing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200020" class="1">Valley Flashing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200021" class="1">Roof Flashing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200022" class="1">Roof Edge</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200023" class="1">Reversible Drip Edge/Drip Caps</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200024" class="1">Base &amp; Wall Flashing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200025" class="1">Pan Flashing</a></li>
    </ul>

    <h2 class="1">Adhesives/Coating/Cement</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200026" class="1">Roof Coatings</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200027" class="1">Cements</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200028" class="1">Adhesives</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200029" class="1">Sealants</a></li>
    </ul>

    <h2 class="1">Fasteners</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200030" class="1">Staples</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200031" class="1">Hand Nails</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200032" class="1">Coil Nails</a></li>
    </ul>

    <h2 class="1">Sheathing</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200033" class="1">Drywall</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200034" class="1">Plywood</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200035" class="1">Roof Boards</a></li>
    </ul>

    <h2 class="1">Skylights/Hatches/Accessories</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200036" class="1">Hatches</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200037" class="1">Skylights</a></li>
    </ul>


    <h2 class="2">Vinyl Siding</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200038" class="2">Journeymen Select Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200039" class="2">Journeymen Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200040" class="2">Residential Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200041" class="2">Vinyl Accessories</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200042" class="2">Haven Insulated</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200043" class="2">Architectural Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200044" class="2">Woodland Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200045" class="2">Board &amp; Batten</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200046" class="2">Portsmouth Shakes &amp; Shingles</a></li>
    </ul>
    <h2 class="2">Hardie Siding</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200047" class="2">Planks</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200048" class="2">Panels</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200049" class="2">Shingles</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200050" class="2">Trim</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200051" class="2">Batten</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200052" class="2">Soffit</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200053" class="2">Accessories</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200054" class="2">Caulking</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200055" class="2">Reveals</a></li>
    </ul>
    <h2 class="2">Siding Accessories</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200056" class="2">Mounts &amp; Plates</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200057" class="2">Shutters</a></li>
    </ul>
    <h2 class="2">Vents</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200058" class="2">Gable Vents</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200059" class="2">Soffit Vents</a></li>
    </ul>
    <h2 class="2">Alumipro Siding</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200060" class="2">Alumipro Siding</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200061" class="2">Accessories</a></li>
    </ul>
    <h2 class="2">Aluminum Accessories</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200062" class="2">Trim Coil</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200063" class="2">Reversible Drip Edge/Drip Caps</a></li>
    </ul>
    <h2 class="2">Soffit Systems</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200064" class="2">Vinyl</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200065" class="2">Aluminum</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200066" class="2">Accessories</a></li>
    </ul>
    <h2 class="2">Rainware Systems</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200067" class="2">Trough Coil</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200068" class="2">End Caps</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200069" class="2">Downpipe</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200070" class="2">Elbows</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200071" class="2">Straps</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200072" class="2">Outlets</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200073" class="2">Box Mitre</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200074" class="2">Strip Mitre</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200075" class="2">Brackets</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200076" class="2">Screws</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200077" class="2">Hand Nails</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200078" class="2">Ferrules</a></li>
    </ul>
    <h2 class="2">Engineered Wood Products</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200079" class="2">Trim</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200080" class="2">Corner</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200081" class="2">Soffit</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200082" class="2">Lap</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200083" class="2">Panels</a></li>
    </ul>
    <h2 class="2">Insulation</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200084" class="2">Thermal Insulation</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200085" class="2">Tape</a></li>
    </ul>
    <h2 class="2">House Wraps</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200086" class="2">House Wraps</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200087" class="2">Tape</a></li>
    </ul>
    <h2 class="2">Railings &amp; Decking</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200088" class="2">Railing</a></li>
    </ul>
    <h2 class="2">Fasteners</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200089" class="2">Screws</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200090" class="2">Hand Nails</a></li>
    </ul>
    <h2 class="2">Caulking, Touch-Up, Paints</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200091" class="2">Caulking</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200092" class="2">Paints</a></li>
    </ul>

    <h2 class="3">Two-Ply Roofing Systems</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200093" class="3">APP Heat-Welded Membranes</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200094" class="3">Asphalt</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200095" class="3">BUR (Built Up Roofing)</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200096" class="3">Cold Applied Roofing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200097" class="3">HD Membranes</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200098" class="3">Mechanically Attached Roofing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200099" class="3">Fiberboards</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200100" class="3">Overlay Boards</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200101" class="3">Reflective Membranes &amp; Fire Rated Cap Sheets</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200102" class="3">SBS Heat Welded Membranes</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200103" class="3">Thermal Insulation</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200104" class="3">SBS Hot Asphalt Applied Membranes</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200105" class="3">Ice &amp; Water Protection</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200106" class="3">Vapor Retarders</a></li>
    </ul>

    <h2 class="3">Single-Ply Roofing Systems</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200107" class="3">TPO</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200108" class="3">EDPM</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200109" class="3">ISO</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200110" class="3">Accessories</a></li>
    </ul>

    <h2 class="3">Fastener &amp; Accessories</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200111" class="3">Screws</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200112" class="3">Plates</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200113" class="3">Flashing</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200114" class="3">Drains</a></li>
    </ul>

    <h2 class="3">Cement, Sealants, Adhesives</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200115" class="3">Roof Coatings</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200116" class="3">Cements</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200117" class="3">Adhesives</a></li>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200118" class="3">Sealants</a></li>
    </ul>

    <h2 class="4">Self Adhesive Barrier</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200119" class="4">Self Adhesive Barrier</a></li>
    </ul>

    <h2 class="4">Back Fill Protection</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200120" class="4">Overlay Boards</a></li>
    </ul>

    <h2 class="4">Thermal Insulation</h2>
    <ul>
        <li><a href="WebCatPageServer.exe?LEVEL3&amp;LevelInfo=0000200121" class="4">Thermal Insulation</a></li>
    </ul>
</div>
<!-- /End Submenu -->

jQuery 代码这是我尝试过的:

$("#nav-products li").click(function() {
    var myClass = $(this).attr("class").split(' ')[1];
    if (!$('#nav-products .submenu h2').hasClass(myClass)) {
        $('#nav-products .submenu h2').hide();
    } else {

    }
});

我想我可能正在寻找 .not() 方法，但我不确定如何根据我的要求实现它。想法？

最佳答案

这将假设您的 HTML 结构保持不变(每个类别都以 h2 开头，然后是带有元素的 ul)。我正在使用 :not CSS 选择器，它会选择与其中内容不匹配的所有内容。

$("#nav-products li").click(function() {
    var myClass = $(this).attr("class").split(' ')[1];
    $('#nav-products .submenu h2').show().next().show();
    $('#nav-products .submenu h2:not(.'+myClass+')').hide().next().hide();
});

这是工作 fiddle .

关于javascript - 隐藏类与单击元素的类不匹配的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30850416/

文章推荐： java - Java 不应该禁止在构造函数中使用抽象方法吗？

文章推荐： java - 双向链表 - 头在变化而我没有改变它

文章推荐： python - 在作业文件中加载 virtualenv 以在 linux 集群上运行

javascript - 元素 = $(元素);对象预期错误？
在开发中的网页上，我在 IE 上遇到此错误 element = $(element); 此代码位于prototype.js 预期对象如何消除此错误。更新: 现场也使用了 jQuery。最佳答
arrays - 如果元素本身是数组，合并两个数组(元素 + 元素)的最佳方法是什么
我有两个大小相同的嵌套数组: Array1 =[[1, 2], [], [2, 3]] Array2= [[1, 4], [8, 11], [3, 6]] 我需要将它们合并到一个数组中，如下所示: A
jQuery 不适用于
元素，但不适用于元素
我有一些 jQuery 代码，当单击具有特定 ID 的项目时运行。当 ID 是的一部分时，它就可以工作。元素，但当它位于中时则不然元素。为什么会这样呢？我想使用 an，因为如果用户关闭了 Ja
html - 如何制作 flex 元素 block 元素？
Flex-box 规范 3声明 flex 元素不是 block 容器: A flex item establishes a new formatting context for its content
javascript - jquery 在有序堆栈中添加 not-in-dom 元素(in-dom 元素)
我遇到了一个意想不到的问题。 HTML JS $(function() { var $divs = $('.myDiv'); // create new div not in
javascript - 制作
元素 'active' 而不是元素
我使用 Bootstrap 和 Ember.js 得到了一个无序列表。每个列表项都是一个显示新帖子的链接，每当您单击该链接时，Ember 都会添加类 active默认情况下。我正在使用 Bootstr
javascript - 循环遍历 DOM 元素，包括 span 元素
我正在尝试让一个函数正常工作，但运气不佳，所以我想向 Stackoverflow 智囊团提出一个新手问题! 基本上，我有一个表单，并且循环遍历所有元素以查看是否存在自定义数据属性。如果存在，则保持该元
arrays - 是否有内置函数来映射非 nil 元素，并删除数组的 nil 元素？
我想映射一个可选数组，删除那些 nil 值，并使用另一个函数映射非 nil 值。我知道我可以通过使用 compactMap 然后使用常规 map 来实现这一点，但我只想遍历数组一次。我为此实现了一
jquery - 定位 li 元素，除非前面有非 li 元素
我如何定位 li 元素，除非它们出现在之后元素？换句话说，我想针对步骤而不是注释。我尝试向 OL 添加一个我想从选择中排除的类，但我想出的代码不起作用。 (顺便说一句，重构 html 不是一种选
asp.net - 元素 > system.webServer' 有无效的子元素 > 元素 'rewrite'
Warning 1 The element 'system.webServer' has invalid child element 'rewrite'. List of possible eleme
JavaScript 从非结束节点 HTML 元素(例如 LI 元素)获取文本值
我正在尝试编写一个脚本，该脚本将遍历 HTML 源并创建 DOM 的 JSON 文件，然后使用 d3.js 在 TreeView 中显示该文件。我遇到的问题是不仅希望显示元素(TITLE、P、LI 等
jQuery SlideUp 元素 A 如果可见，则 SlideDown 元素 B
我有以下 HTML 表单:- Option 1 Option 2
javascript - 选择 HTML 元素 Jquery 之后的下一个 span 元素
我试图在选定的 HTML 元素之后选择下一个具有类名 slider-value 的 span 元素。我尝试了多种解决方案，但没有一个有效。我可以通过 id 选择它，但我不希望那样做使代码冗余。 $(
javascript - innerHTML 适用于 body 元素，但不适用于 p 元素
如果电子邮件地址无效，我想在屏幕上显示一条消息“请输入有效的电子邮件地址”。 body 元素的innerHTML 语句工作正常，但我用于p 元素的innerHTML 语句不起作用。有一次，当我测试它
javascript - jQuery 显示隐藏的 li 元素，然后隐藏可见的 li 元素
以下 jQuery 代码调用 ul 元素，查找元素内的前三个 li 列表项，并隐藏剩余的 li 项目。然后，它附加一个 li 元素，其中显示“显示更多...”，并且在单击时显示之前隐藏的列表项。 (
html - 如何显示一个 h1 元素，旁边有一个内联元素，下面有一个 p 元素？
我问了a question早些时候关于将编辑/删除链接与 h1 元素内联的最佳方法。我能够通过给出的答案实现这一点，但我现在有额外的要求，我需要在 h1 下方显示一个段落并编辑/删除链接。到目前为止
knockout.js foreach 在表中重复 td 元素，但不重复 tr 元素
我使用 MVC 4 和 knockout.js 库版本 2.1.0 显示从服务器检索到的大量文件的表中的以下摘录。 0)"> 正在正确检索数据，
reactjs - 如何在 React 组件中定位 DOM 元素，或者应该避免一起定位 DOM 元素？
我创建了一个脚本，该脚本在鼠标悬停在父容器上时激活，并且应该将其子元素移离鼠标。我目前已经让它工作了，但是代码的某些部分似乎与 REACT 代码应该是什么样子相矛盾。特别是两个部分。我在渲染函数中使
javascript - 断点不适用于 Button 或 div 元素，但适用于 li 元素
我是 JS 新手，正在尝试理解项目 https://github.com/tastejs/todomvc 的代码请参阅屏幕截图，我尝试对 button X 以及其父元素 div 设置断点，但在这两种
html - 检查哪些样式应用于 MVC 5 元素 View 中的 HTML 元素
例如，假设有一个带有奇特颜色的标记: Something written here 使用 Visual Studio 2017 和 MVC 5 元素，有没有办法检查和定位当前应用了哪些样式，以及负责它

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 隐藏类与单击元素的类不匹配的元素