使用类在jquery中选择正确的span和div
在jquery中使用类来选择正确的span和div，可以使用以下方法：
- 使用类选择器：可以通过在选择器中加上类名来选择具有相同类名的元素。例如，如果想选择所有具有"my-class"类的span元素和div元素，可以使用以下代码：
$(".my-class") // 选择具有"my-class"类的所有元素- 使用多个选择器：可以使用逗号分隔多个选择器，以选择匹配其中任意一个选择器的元素。例如，如果想选择所有具有"span-class"类的span元素和具有"div-class"类的div元素，可以使用以下代码：
$("span.span-class, div.div-class") // 选择具有"span-class"类的span元素和具有"div-class"类的div元素- 使用父元素限定选择器：可以使用父元素限定选择器来选择特定父元素下具有特定类名的元素。例如，如果想选择id为"parent"的元素下具有"child-class"类的span元素和div元素，可以使用以下代码：
$("#parent span.child-class, #parent div.child-class") // 选择id为"parent"的元素下具有"child-class"类的span元素和div元素在使用这些选择器时，需要确保类名的唯一性，以避免选择到不正确的元素。此外，还可以根据具体需求使用其他jquery选择器和方法对选定的元素进行进一步操作和处理。
请注意，由于要求不能提及特定的云计算品牌商，因此无法提供腾讯云相关产品和产品介绍链接地址。如果需要了解相关云计算产品和服务，建议访问腾讯云官方网站进行查阅。
相关·内容
我试图在#somecontainer内部的每个锚点中添加一个类，其子节点具有.someclass
例如。
<div id="container">
<a><span class="someclass"></span></a>
<a></a>
<a><span class="someclass">/span></a>
</div>
在上面的代码中，我希望第一和第三个锚有一个类“.anotherclass”，我尝试
浏览 1提问于2012-12-05得票数 8
回答已采纳
我有一棵树：
<div>
<ul>
<li>
<span></span>
<span>HERE</span>
</li>
<li>
<span></span>
<span>ANOTHERHERE</span>
</li&
浏览 2提问于2014-12-11得票数 0
回答已采纳
4回答
<div class='main'>
<div>
<div>
<button></button>
</div>
</div>
<ul>
<li>
<img />
</li>
<li>
<h1></h1>
</li>
<
浏览 0提问于2012-09-28得票数 1
回答已采纳
7回答
HTML的相关片段：
<span class="a">
<div class="fieldname">Question 1</div>
<input type="text" value="" name="q1" />
</span>
相关jQuery：
$.each($('.a'), function(){
$thisField = $('.fieldname', $(this));
});
设置$thisField的确切内
浏览 1提问于2010-04-22得票数 1
回答已采纳
2回答
有以下情况：
我正在创建一个组件，它将与文本一起工作，我目前的需求是根据文本的大小创建自动大小调整。
因此，如果我有一个宽度为50 it的内容，当文本达到这个最大级别时，它会自动减少字体。
我创建了一个运行良好的结构，但只适用于一个组件调用，当我更频繁地调用它时，第一个文本的设置就会丢失，而正确的配置只留给最后一个文本。
我该如何解决这个问题？
有什么办法可以通过css / js解决吗？
是否有任何方法可以通过vue来解决问题，或者用每个调用来破坏实例？我该怎么做？
以下是代码：
亲本
<template>
<div>
<div id="con
浏览 3提问于2021-03-05得票数 2
回答已采纳
我试图使用jQuery来选择一个div元素，但是，在我的生活中，我不知道如何让它工作。我试图设置它，所以当用户单击span元素和类remove时，它会找到与类class-i-want-to-select最接近的div元素
此代码块是在页面完成加载后动态添加的：
<div class="container">
<div>
<span style="float:left;">some text</span>
<span class="remove" style=
浏览 5提问于2018-07-30得票数 1
回答已采纳
2回答
未显示div内部的内容
、、、
我有这个隐藏的div，当我点击一个按钮它会显示正确，但是当我尝试将一个<p>放在它不会显示的div中时，只有当我取出<p>时，一切都是好的，但是我只想在段落中添加样式，比如<br>和其他东西，以使它看起来更好。请看一下这个
html
`<section> <a rel="external" href="#button" id="button" class="button"> </a> <span>&
浏览 6提问于2013-12-08得票数 1
回答已采纳
9回答
我在codeschool.com上学习jQuery，有一个问题困扰着我。我们正在学习如何在单个jQuery条目中选择多个html元素。使用的html代码如下所示，我们应该选择亚洲类的元素和销售类的元素。
正确答案是$(".asian，.sale")
我的问题是，".sale“是如何成为类的名称的？如果你看下面的html，你会发现没有带有"class=sale“的元素，只有一个带有class = "europe sale”的元素。“为什么jQuery调用的是".sale”而不是".europe sale"？
<div id=&
浏览 0提问于2013-08-02得票数 2
jQuery的可以接受一个元素数组。
jQuery( elementArray )
我是误解了elementArray参数的使用，还是这是jQuery错误？
想必，应用的任何选择器都将应用于数组中的所有 HTMLElements，即项或项的子级。但是，它似乎只选择数组项的子。
例如，在具有以下内容的数组中，它将不将元素与类topLevelDiv或topLevelSpan匹配。
elementArray[0] contains
<div class="topLevelDiv">
<span class="childSpan"
浏览 6提问于2012-03-27得票数 1
我有一个网页，将只显示3篇文章的每一节(政治，经济等)。在每个部分的专用网格中，内容HTML页面也是外部的(politics.html、economy.html等)这些外部页面由外部应用程序更新，并包含数百篇文章(Div)，而最新的文章是页面顶部的第一篇。因此，在我的index.php页面中，我想为每个类别放置一个网格，它只显示来自每个类别的3篇最新文章，下面是我的index.php代码：
<div class="POLSection">
<div class="Article" id="ArtPOL1>
浏览 7提问于2022-06-27得票数 0
回答已采纳
2回答
我将jQuery UI用于各种小部件，如对话框、按钮等。我想继续将主题用于我的其他网页元素，如错误/警报通知和突出显示样式。所以我去了更多的页面，看看他们在css中使用了什么，例如，一个警告通知：
<div class="ui-widget">
<div style="padding: 0 .7em;" class="ui-state-error ui-corner-all">
<p><span style="float: left; margin-right: .3em
浏览 1提问于2011-09-22得票数 7
回答已采纳
两天来，我一直在努力解决这个问题，显然是因为我对jQuery / Javascript知之甚少，而且我想我已经彻底搜索了很多次了，但是没有得到我需要的答案。
我正在使用Wordpress循环，每个循环项都有:一个带类的span，以及一个通过jQuery触发对span值/内容的更新的链接。
到目前为止，我所拥有的是:当我单击触发器链接--比如说在第一个循环项上--时，所有item循环上的span值/内容都会被更新。我试图实现的目标很简单:当我单击第一个循环项上的触发器链接时，它只更新该循环项上span的值/内容。
下面是HTML：
<div class="loop-item>
浏览 2提问于2013-05-19得票数 2
回答已采纳
这里是javascript的源代码和页面的源代码。任何帮助都将是非常感谢的，因为我正在失去理智。
“活动”类没有显示在“li”图像上。它只是被删除，但它不会移动到下一个图像。
该网站的链接是。
"use strict";
jQuery(window).load(function () {
//jCarousel Plugin
jQuery('#tzShopDetail_carousel').jcarousel({
vertical: true,
scroll: 1,
auto: 2
浏览 0提问于2019-03-15得票数 0
回答已采纳
3回答
我想选择正确的项目，每个项目都被点击，我写了这个javascript代码，当我点击项目时，它不起作用，它什么也不做：
jQuery('.kspoiler').each(function() {
jQuery('.kspoiler').click(function() {
if ( !jQuery('.kspoiler-content').is(':visible') ) {
jQuery(this).find('.kspoiler-content').show();
浏览 1提问于2014-04-15得票数 0
2回答
如何通过父<span>访问特定的<div>，如下所示：
<div>
<!--parent div-->
<div>
<span>...</span>
<span>...</span>
</div>
<div>
<span>...</span>
<span>.. through parent div i can access this span ..</span>
</div>
浏览 2提问于2012-12-27得票数 1
回答已采纳
3回答
我有自带“汉堡包”菜单和鞋带旋转木马。当用户点击“汉堡包”菜单允许列表向下弹出时，旋转木马的滑动非常分散注意力。
我知道<div id="myCarousel" class="carousel slide" data-interval="false data-ride="carousel">会阻止旋转木马的。当用户点击“汉堡包”菜单时，我正试图完成这个任务。
当单击“汉堡包菜单”时，我想需要一个jQuery click()函数来执行，如下所示：
<!DOCTYPE html>
<html>
<he
浏览 1提问于2016-08-24得票数 0
回答已采纳
4回答
我在一个页面上有许多div，当用户单击“展开+”时，我想要折叠和展开它们。
以下代码适用于一个div
<h4 class="expanderHead" style="cursor:pointer;">Contact information <span class="expanderSign">Expand [+]</span></h4>
<div id="profile-section" style="overflow:hidden;">
some stu
浏览 0提问于2013-02-27得票数 0
回答已采纳
使用jQuery 1.9.1和HTML5，我想捕获只有特定类名的元素。
假设我有以下HTML代码：
<div>
<span class="req">A</span>
<span class="req notreq">B</span>
<span class="req notreq">C</span>
<span class="req">D</span>
</div>
我只想
浏览 0提问于2013-04-16得票数 4
回答已采纳
考虑到下面的html，
<div id="test">
{{ sometext }}
</div>
<span class="testing">
{{ asdknfsdf }}
</span>
我希望在jquery中获得其内部文本与{{ <sometext> }}匹配的所有元素。我尝试了下面的代码，但无法正确地获得元素。我在这里错过了什么？
var elements = [];
$('*:contains("{{ .* }}")').each(function(){
浏览 1提问于2014-01-16得票数 5
回答已采纳
1回答
我有一个流畅的行，我需要显示和隐藏的跨度取决于用户希望看到的页面(单视图，拆分视图)。使用jQuery，我显示/隐藏跨范围以及更改它们的类：
MySpan1视图：
<div class="row-fluid">
<div id="myspan1" class="span12"></div>
<div id="myspan2" style="display:none;"></div>
</div>
MySpan2视图(此视图布局不
浏览 0提问于2013-05-03得票数 4
哈哈。这是我的第一篇堆栈溢出帖子，因为我被难住了，找不到很多人试图完成同样的事情。我尝试过使用jquery .before()、.after()和.wrap()来解决这个问题。我最初使用的是css : use和:after伪元素，但由于这在遗留浏览器中不起作用，我决定使用jquery。
我已经在几个页面上有几个表单，并进行了验证。错误消息的长度各不相同。我们在默认的span元素上使用静态的、一种大小的背景图像，因此内容会在更长的错误消息中大量流出。我构建了一个灵活的圆角嵌套div系列，允许错误框动态增大或缩小。我想输出的html是：
<div class="errorWrap&#
浏览 1提问于2012-01-26得票数 0
回答已采纳
我正在构建一个表单，并使用jquery检查字段。我有4个子类别，当你点击其中一个获得类“选择”和一个输入文本似乎指定的数量。我试图创造一个条件，如果项目有类“选择”，它会在输入中添加'required‘。但是，如果选择了另一项，则无法删除它。这是我的代码：
jQuery('.offres_abo').click(function() {
jQuery('.offres_abo').removeClass('choice');
jQuery(this).addClass('choice');
if (jQuery
浏览 4提问于2016-05-06得票数 1
回答已采纳
3回答
如何在jQuery中执行foreach或类似的操作？我需要当用户在<span>中单击时，使用<ul>中的vote active类将类inactive添加到所有<div>中。
我尝试过使用.each方法，但它不起作用。
我有这个HTML：
<ul class="suggestions inactive">
<li id="s2">
<div class="id">2</div>
<div class="vote
浏览 1提问于2011-12-29得票数 3
回答已采纳
当我在.current li-element中单击span时，我在1上增加当前的并切换类，但是当它是第二个元素时，有什么问题吗？
<div id="test">
<ul id="n">
<li><div class="q"><span>1</span></div></li>
<li><div class="q"><span>2</span>&l
浏览 2提问于2013-12-19得票数 0
回答已采纳
我正在使用ASP.NET MVC4.0来构建我的web应用程序和弹出窗口的jQuery对话框插件。我打算将id为'addDialog‘的div元素中的HTML元素放到弹出窗口中。弹出窗口应该显示在id为'add‘的按钮点击上，但它不起作用。每当我单击该按钮时，什么也不会发生。
这是我的观点：
@{
ViewBag.Title = "TimeSlotDetails";
}
<head>
<title>TimeSlot</title>
<link href="~/Scripts/DataTables/d
浏览 0提问于2018-06-19得票数 0
5回答
我试图使用普通的CSS或JQuery选择器在div内选择跨度。html如下：
<div id="example2_paginate" class="dataTables_paginate paging_full_numbers">
<span id="example2_first" class="first paginate_button paginate_button_disabled">First</span>
<span id="example2_previous"
浏览 2提问于2011-09-13得票数 2
回答已采纳
我在循环中有一个复选框，我希望使用jquery选中所有和取消选中所有。我已经实现了一个Jquery check all和uncheck all功能，然而，它只在选中了checkall labeled复选框后才选中循环中的第一个复选框。我怎样才能正确地实现它呢？代码如下所示。谢谢。
查看：
<div><input type="checkbox" class="check_all"> Check all</div>
<?php
$cnt=0;
echo form_open('students/d
浏览 3提问于2013-07-15得票数 0
回答已采纳
我的HTML中有一部分类似于下面的HTML，我必须只选择那些没有任何祖先的元素。我从事的项目相当大，我认为我不应该在这里发布所有的代码，我认为这超出了StackOverflow的目的。
我想要的是过滤元素的所有祖先，而不仅仅是他们的父母。我试过这样做：
// This colors two of the <span> elements instead of one. It colors the ".a > .b" <span> and this behavior seems wrong to me.
$(":not(.a) .b:not
浏览 4提问于2015-11-23得票数 1
回答已采纳
1回答
我写了我的第一个引导程序。
<!DOCTYPE html>
<html>
<head>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="spa
浏览 1提问于2014-04-13得票数 1
回答已采纳
2回答
我有一个小的jquery代码的问题。我正在尝试将错误消息插入到span中，但我认为我无法正确定位span。
这是我的html代码。
<div>İsim <span style="font-size:9px;color:red"></span></div><div style="line-height: 3px"> </div><div><input type="text" id="txt_isim" onkeypress=&
浏览 1提问于2013-03-04得票数 0
回答已采纳
如何将target=_blank属性添加到锚标记，但按钮和某些div除外。我如何不添加目标属性到“调用控制”类和ID与#？
我试过这个：
$('a:not(.call-control,"#")').attr('target', '_blank').addClass('checkMate');
/* then later... */
$('.checkMate').attr("target", "");
<script src="https://aj
浏览 3提问于2017-08-17得票数 1
回答已采纳
我有下面的jQuery。它遍历父元素，然后选择第一个没有类div的active。然后，选择下一个元素：
jQuery
$('.parent').each(function () {
$('div', this).eq(0).not('.active').next().addClass('selected');
});
CSS
.parent * {
padding-left: 1em;
display: block;
}
.main {
border-left: 2px solid;
}
.sele
浏览 4提问于2015-02-18得票数 1
回答已采纳
我正在开发一个web应用程序，该应用程序包含以下元素：
<div id="flip" class="container">
<div class="f-page f-cover" id="cover">
<div class="cover-elements">
<div class="f-cover-story">
<span>L
浏览 0提问于2014-08-16得票数 0
回答已采纳
2回答
我在JQuery中设置一个div来显示和隐藏它的时候遇到了一些问题。
我有这个div。(请注意，整个div也在Repeater控件中。我有嵌套的中继器。
<div id="cardfooter" class="cardfooter">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Repeater ID="rptSocialData&
浏览 0提问于2018-02-22得票数 0
回答已采纳
1回答
我有4个这样的div在我的html文件中，代表4个不同的行的AWB号，HAWB号和参考编号为他们中的每一个，我想获得与id mawbNumber的字段，并执行一些操作。我正在尝试使用jquery each()访问它的值，但无法这样做。
<div class="row awb-box">
<div class="col-lg-3 col-md-6">
<label class="inpt-lbl">AWB NO</label>
<input type="te
浏览 0提问于2019-11-18得票数 0
我试图使用浏览器控制台来做一些HTML代码操作。在控制台中，我输入
s = $('<div><span>ddd</span></div>');
s.remove('span');
请注意，jQuery对象s不在DOM中，它只存在于控制台中。事实证明，span并没有从s中删除。另一方面，如果<div><span>ddd</span></div>是在HTML中，span肯定会被删除。
这就引出了一个长期以来一直困扰着我的问题。如果我正确理解，使用$()，我可以将许多东西转
浏览 3提问于2015-05-20得票数 1
回答已采纳
3回答
我有以下HTML：
<div class="windowtemplate movingwindow" style="display: block;">
<div class="top">Attenzione <a href="#" onclick="closedialog();"><span class="closebutton"></span></a></div>
<div class=&#
浏览 6提问于2014-01-23得票数 0
回答已采纳
3回答
我有以下JQuery
$(document).ready(function () {
if( $('.one').hasClass('one') ){
$('.one').css({ 'color' : '#f00' });
}
});
和这个HTML
<div class="one">dfv</div>
<div class="one">dfv</div>
<div class="one
浏览 2提问于2015-06-03得票数 0
5回答
您好，我正在尝试让警报方法显示值c8，但它只显示未定义。
我刚接触html和jquery；它很简单，但我就是看不到它。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery/jquery-1.7.1.js"></script>
<script>
$(document).ready(function(){
$("button").click
浏览 0提问于2013-03-02得票数 0
3回答
我正在尝试将jquery循环幻灯片插件添加到我的页面上，并添加“淡入淡出”的过渡效果。但我还是不能去上班。
这是我的html：
<div class="container">
<div class="slide1">
<blockquote>
<span class="leftquotes">“</span> He promptly completed the task at hand and communicates
浏览 0提问于2013-03-10得票数 0
回答已采纳
如果我有一个JQuery对象，其中包含已经在DOM中的元素，那么remove函数将正确地将它们从DOM中删除。
但是，我希望删除尚未添加到DOM中的特定元素，这些元素仅存在于JQuery对象中，如下所示：
var $div = $("<div><span class='sample'></span></div>");
$div.remove(".sample");
console.log($div.html()); // prints out the original HTML, inner spa
浏览 5提问于2014-09-18得票数 0
回答已采纳
3回答
这是html代码
<div style="float: left; padding-top: 8px; width: 340px; overflow: hidden;" id="about_me_text_contents">
<b><span class="notranslate">Name</span></b>
<br>
<span style="font-size:80%">Since: <
浏览 1提问于2015-05-06得票数 2
回答已采纳
2回答
使用jQuery，当图像在每个帖子中悬停时，我将如何更改<span>元素的样式？
下面是HTML结构的一个示例：
<img src="#" class="postone">
<div class="description">
<p><span class="postone"> text </span> other text </p>
</div>
<img src="#" class="pos
浏览 0提问于2014-07-28得票数 0
回答已采纳
我有一个c#应用程序，它使用一个中继器和jQuery来向我的应用程序添加一个小比萨兹。jQuery的第一部分功能正确，内容上下滑动以隐藏或显示单击的一个节，但第二个部分更改了所有类，包括单击的类。为什么会这样呢？
这是我的中继器布局：
<ItemTemplate>
<div class="head"><span class="expand"> </span> <%#Eval("Job_Title") %></
浏览 1提问于2015-12-08得票数 1
回答已采纳
上面我有三个横幅元素，如果它们被点击，我想将它们标记为未读。我构造了每个横幅，以便它们在嵌套的div中有一个span元素，如下所示(红色的点来自span元素)：
此函数的javascript如下代码：
我试图在".dot“span元素中添加一个类”.“来隐藏它。我想将这个类添加到用户将单击的div中的".dot“span元素中。任何帮助都将不胜感激。
我尝试访问this .$(“.dot”)来访问触发事件的当前对象的点元素，但现在我发现这个语法不正确。我对jQuery并不熟悉，这就是我为什么尝试这样做的原因；我也找不到与我在API文档上的问题最相关的页面。
浏览 7提问于2022-11-02得票数 0
回答已采纳
5回答
你好，我正在尝试更新来自ajax调用的div span文本，这是我的html结构：
<div id="23" class="message product error">
<strong>
<br>
<strong>Unique id Id:</strong>
<span class="uniqueId" style="color: #000; font-weight: bold;&#
浏览 1提问于2012-10-04得票数 1
回答已采纳
2回答
我使用以下代码
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
//Document ready
$(document).ready(function(){
//Show info
$('a.getinfo').live("click", function(event){
event.preventDefault();
$(this).css(
浏览 0提问于2012-05-08得票数 0
回答已采纳
4回答
我尝试设置显示:当select正在更改时，在父选择的父选择中，在所有跨度上都没有显示。
我的html代码
<div id="product1">
<div class="block">
<span>qwerty</span>
<span>qwerty</span>
<span>qwerty</span>
<span>qwerty</span>
....
<span>qwerty</span>
浏览 3提问于2013-11-26得票数 0
回答已采纳
5回答
这是我的小提琴。
我想对单击父框执行一些操作，除了它的一个带有类.notClickableCol的子框。我使用了:not()，但目前它不起作用。
当文本("Not“)没有<span>标记时，它就工作了。
有什么想法吗？
HTML/CSS/Jquery：
jQuery(".row").on('click', ':not(.notClickableCol)', function() {
alert('success');
});
.row {
margin-bottom:15px;
border-b
浏览 7提问于2016-10-03得票数 2
回答已采纳
我想知道如何在多个div中影响某个span索引。
我有3个可点击的Divs和3个Span套在其他3个Divs类似的..。
<div class='clickable'>DIV</div>
<div class='clickable'>DIV</div>
<div class='clickable'>DIV</div>
<div class='spanset'>
<span>SPAN</span><br/>
浏览 0提问于2012-11-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
