如何在jQuery中获得作为<p>的span的第一个父级？
在jQuery中，要获取作为<p>的<span>的第一个父级，可以使用.parent()方法。首先，你需要确保已经加载了jQuery库。然后，你可以使用以下代码来获取<span>的第一个父级：
$(document).ready(function() {
$("span").parent("p").first();
});这段代码首先等待文档加载完成，然后查找所有<span>元素，接着查找它们的父级<p>元素，最后返回第一个匹配的元素。
在这个例子中，我们使用了.parent()方法来查找<span>元素的直接父级，然后使用.first()方法来获取第一个匹配的父级。
相关·内容
我有以下代码：-
<div id="nottingham-park-wrapper">
<div id="notts-main-court" class="icon-wrapper">
<span class="park-marker"></span>
</div>
<span id="notts-main-court-info" class="notts-info">
<h2 class=
浏览 2提问于2016-04-15得票数 1
回答已采纳
1回答
所以，我对此有一些问题。我有多个具有相同类的父div，我希望当每个父div中的元素有类"selected_tip“来显示该元素的父元素的父元素时。如何做到这一点。请记住，id是迪纳莫的。我的代码是：
<div class="tip">
<div id="tip_1" class="tt tip1">
<p>Proaspete</p>
<span class="select_tip select_copt "></s
浏览 1提问于2015-08-27得票数 0
回答已采纳
1回答
我试图为每个项目设置不同的背景-图标，但它选择每个元素，而不是第一个：
CSS部分
.dropdown-item-icon {
width: 50px;
height: 50px;
border-radius: 5px;
&:nth-child(1) {
background-color: red;
}
}
带有项和项图标的HTML部件：
<div class="dropdown">
<a href="">
<div class="dropdown-item">
浏览 2提问于2022-07-16得票数 1
回答已采纳
我已经在段落标签内放置了一个跨度，现在顶部位置应该显示为0，偏移量应该显示一些其他值(需要从文档计算)，但我在这两个标签中都得到了相同的值……
我错了吗？
这是我的代码：
HTML：
<div></div>
<p>paragraph<span>span</span>paragraph</p>
Jquery：
$('span').click(function(){
console.log($(this).position().top,$(this).offset().top)
})
CSS:
p{
c
浏览 1提问于2013-01-11得票数 6
回答已采纳
我不知道为什么选择器：first-为'p‘元素工作，NOT为’p‘元素工作，而在下面的span元素中，：last工作，但:first-child不起作用。(我认为所有这些元素的默认父元素都是body元素)。我发现，如果我在段落元素后面放置任何元素--它(p:末后子元素)不起作用，甚至对以下元素( span)也不起作用--为什么当我是(特别是)告诉它选择父元素的'p‘(或span)元素的最后/第一个子元素(在本例中是主体)时，它不起作用？
<html>
<head>
<style>
p:first-child {
background:
浏览 6提问于2022-01-06得票数 0
回答已采纳
2回答
大家好，在我的例子中，我想以3元素为目标--例如，我有不同的标记，3元素可以是p或div或其他什么东西，所以我想只针对任何情况下的3元素，我希望总是选择3元素。
如果有什么帮助的话，我可以用CSS做这个吗？
例如：
<div>
<p></p>
<span><span>
<div></div> //3 element here is div
<a></a>
</div>
或：
<div>
<div></div>
<
浏览 0提问于2021-03-16得票数 1
回答已采纳
2回答
我的HTML结构是这样的： <li class="mktFormReq mktField">
<label>Industry</label>
<span class="mktInput">
<div class="jqTransformSelectWrapper" style="z-index: 9; width: 210px;">
<div>
<span styl
浏览 40提问于2019-04-15得票数 0
回答已采纳
1回答
在我的基于WordPress的网站中，一个插件会自动用<ul></ul>包装帖子内容中的每个元素。它包装了所有内容，甚至包括无效的<div>。
我想解开某些元素并尝试jQuery .unwrap。但是我能够解开一些元素，除了一些div元素。
代码如下：
<div class="post-content">
<p>Example post content</p>
<ul class="plugin_class">
<li>test</li>
浏览 1提问于2014-01-02得票数 0
我遇到了一个奇怪的错误，这似乎是特定于nth-child选择语法的jQuery。我可以成功地使用$('list').each()只通过下面HTML中的列表，但是当使用nth-child选择子句时，它似乎计算了两个list块之间的<br />标记。
对于HTML：
<list id="c" view="vw_project_content" where="`project` = %%2%%">
<item>
<b>$$title$$</b><b
浏览 0提问于2017-05-04得票数 0
回答已采纳
假设我有以下HTML：
<span>
<span id="x1" class="x">X1</span>
</span>
<span>
<span>
<span id="x2" class="x">X2</span>
</span>
</span>
而$(this)就是<span id="x1" ...>。
查找与.x和jQuery匹配的下一个元
浏览 0提问于2013-02-05得票数 0
回答已采纳
我使用jquery在我的django模板中使用动态表单，但是当我向表单添加submit按钮或csrf标记时，动态表单停止工作，并且我不能再添加新字段。
这是我的html文件
<html>
<body>
<form method="post">
<p>
<label>Name:</label> <input type="text">
<label>Number:</label> <input type="
浏览 2提问于2021-04-19得票数 0
2回答
我试图找到一个DIV，它位于我点击的按钮附近，但似乎找不到它.代码如下。基本上，我使用最近的、查找的或父类的DIV似乎没有找到".tweetButtonOverlayWrapper“DIV来按jQuery调用切换类.知道我做错了什么吗？
jQUERY:
$('.tweetActionsButtonWrapper a').click(function () {
$(this).closest('div.tweetButtonOverlayWrapper').toggleClass('tweetButtonOverlayWrapperON&#
浏览 1提问于2012-02-08得票数 0
回答已采纳
我想在网页中定位一些文本。此文本位于列表中，对于此列表的每个值，我需要找到网页中的文本并单击属于此值的按钮。这是我的代码：
List<String> lstFaturasAProcessar = new ArrayList<>();
for (String fatNumber : lstFaturasAProcessar) {
if(driver.getPageSource().contains(fatNumber))
driver.findElement(By.className("btn-default b
浏览 0提问于2020-06-05得票数 1
这是一个更大的应用程序的一部分。
我要做的是在Jquery中使用span1中的.closest提交表单时，获取.closest中的文本。
但是，span1 = $(this).closest("span").html()的结果是未定义的。
<span class="span1">
texthere
</span>
<div>
<div class="whatever">
<form id="theform" action="#"
浏览 6提问于2013-07-24得票数 2
回答已采纳
1回答
在下面的XSL中可以找到以下一行：
<xsl:variable name="id" select="concat('CDTableCell', position())" />
<span id="{$id}"
在转换之后，我不会得到每个跨度的唯一id。有什么想法吗？显示相同的身份。
xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xm
浏览 2提问于2017-04-21得票数 0
回答已采纳
我想定位有photo类的图像。然而，nth-child并没有在这个元素上工作。我寻找了很多解决方案，但都不能解决！
.container {
height: 100vh;
position: relative;
}
.irene {
position: absolute;
top: 10%;
left: 10%;
width: 60vw;
}
.irene-img {
position: relative;
}
.irene-img::after {
content: ' ';
z-index: -1;
position: ab
浏览 0提问于2019-08-14得票数 0
我试图在父div中添加一个类，即<div class="form-group">，但我想知道是否有一种更短或更简单的方法可以这样做呢？以下是我的两个HTML场景
HTML:
<div class="form-group">
<label class="col-md-3 control-label required" for="Comment_postcode">Your Postcode <span class="required">*</span>
浏览 2提问于2014-08-13得票数 3
回答已采纳
我对jquery选择器和跨跨函数的使用感到困惑，需要一些帮助:-)
在一大块HTML中，我想删除使用特定类(包括子标记)定义的所有排序跨度标记，但保留内部SPAN的内容(纯文本)。
这里是HTML的一个例子：
<div id="SaveInfo">
<p>another content <span class="MyClass green">An expaination: <span>with a span</span></span> and more</p>
浏览 14提问于2015-10-22得票数 0
回答已采纳
我不太擅长在jquery中遍历。这是我的标记：
<div class="row planarea">
<div class="col-md-6">
<h1>Agera Fixed Advantage 12</h1>
Fixed Price - 12 Months<br>
Utility: Con Edison
</div>
<div class="col-md-3">
<span class="pric
浏览 12提问于2016-08-04得票数 0
回答已采纳
我有以下html：
<span class="YesSpan">
<span class="glyphicon glyphicon-ok"> TW <= 0</span>
</span>
<ul>
<li>
<span class="YesSpan">
<span class="glyphicon glyphicon-ok"> Koud klimaat zonder dooiseizo
浏览 0提问于2015-03-19得票数 0
回答已采纳
我正在尝试编写一些jQuery代码，通过在光标悬停的元素周围添加边框来突出显示该元素。以下是我到目前为止拥有的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="C
浏览 0提问于2009-11-14得票数 0
回答已采纳
11回答
如何只选择一级li？如果我做了'ul li'，它也会选择子对象。有没有办法使用CSS只选择顶层而不选择子层？如果不是，我可以使用jQuery，但在这种情况下，我如何选择它？
<ul>
<li class="administration first">
<a href="/administration.aspx"><span>Administration</span></a>
<ul>
<li c
浏览 2提问于2010-10-08得票数 13
回答已采纳
我有一棵树：
<div>
<ul>
<li>
<span></span>
<span>HERE</span>
</li>
<li>
<span></span>
<span>ANOTHERHERE</span>
</li&
浏览 2提问于2014-12-11得票数 0
回答已采纳
我希望当有人将鼠标悬停在上面时，文本会完全改变。我在网上找到了应该可以工作的代码，但它不能。有什么建议吗？
<span class="show">
<p>if { <br /></p>
<p>yourSite < awesome; <br /></p>
<p>solution = aislingDouglas (HTML5 + CSS3 + <br /></p>
浏览 0提问于2013-04-19得票数 4
回答已采纳
我正试图在下面的代码中，在它的链接下，把下拉放在中间。这是怎么做的？我将使用jquery完成节目/隐藏部分，但我无法将其中心放在字母r下，这将是一个glyphicon。
<!DOCTYPE html>
<html>
<head>
<title> New Document </title>
<style type="text/css">
.main{
width:300px;
background:cyan;
}
.right{
float:right;
positio
浏览 1提问于2013-10-10得票数 0
回答已采纳
5回答
考虑下面的示例html
<div class="A">
<div class="B">
<span class="C">Sample text</span>
<div class="D">
<div class="E">Clickable Text</div>
</div>
</div>
</div>
和一些j
浏览 0提问于2012-05-03得票数 2
回答已采纳
我希望在包含一个带有强制类的标签的div的下一个兄弟中添加星号和星号。这意味着需要一个表单字段。
此强制性标记适用于以下代码：
jQuery('label.mandatory').parent().next().append('<span class="mandatory-marker"> * </span>');
当HTML如下所示时：
<div class="formdetails p_3">
<div
浏览 2提问于2013-11-29得票数 0
回答已采纳
当我单击.typeform元素时，我正在尝试将动画应用于.nexto元素。当使用toggleClass时，所有.typeform都会受到toggleClass的影响。
当我单击.nexto时，我需要将动画应用到下一个.typeform元素。请在这方面帮帮我。谢谢。
$('.nexto').on('click', function(event) {
$('.typeform-element').toggleClass('animations');
})
.animations {
animation: animation
浏览 17提问于2020-02-21得票数 2
回答已采纳
对于jQuery，是否有一个wrapAll版本可以包装所有连续的元素？如下所示：
<h2>bar</h2>
<h2>bar</h2>
<p>foo</p>
<p>foo</p>
<h2>bar</h2>
<p>foo</p>
<h2>bar</h2>
变成这样：
<h2>bar</h2>
<h2>bar</h2>
<div>
<p>foo</p
浏览 2提问于2011-12-03得票数 2
2回答
是否有办法通过JQuery或Javascript在DOM中移动步长？(最好是JQuery)
为了避免执行一系列的parent()标记，我最好使用一些可以加起来的东西：
$('.myElement').parent().parent().parent().fadeIn();
在下面的示例中，这应该以.final元素为目标：
<div class="final">
<div>
<div>
<div class="myElement"></div>
浏览 2提问于2013-10-23得票数 0
回答已采纳
3回答
请考虑以下html -
<div class="container1">
<div class="container2">
<div class="container3">
<div class="container4">
<div class="element">
...
</div>
</div>
<
浏览 0提问于2012-06-27得票数 11
回答已采纳
当数量增加或减少时，我想计算每一项总价格，但是，当我增加数量时，第一行的价格将放在所有其他行中。
这里是代码
<form method="post" action="n/GetPostData.php">
<?php
$total=0; $all_cart_products=$shoping_cart->allShopingcartValue($id);
while ($row=mysqli_fetch_assoc($all_cart_products)) { ?>
<!-- Shopin Cart
浏览 1提问于2019-07-12得票数 0
回答已采纳
2回答
根据元素的高度添加类
、、、
我试图根据(.CWproductPreviewDescription p)元素的高度隐藏一个span标记。这是用于截断文本类型函数的。我找到了几个类似的问题和答案，但在我的情况下没有什么能奏效的。出于某种原因，我总是得到第一个匹配的选择器的高度，但我认为使用jQuery选择器会自动遍历所有元素。这是我的代码
简单的CSS，以切断文本的长度和显示点击。工作很好
CSS
.CWproduct .CWproductPreviewDescription p {
max-height: 65.4px;
overflow: hidden;
margin: 0 6px;
}
浏览 3提问于2014-01-14得票数 1
回答已采纳
我有一个HTML结构：
<input type="text" name="quantity" class="form-control quantity" value="1" min="1" max="10" maxlength="2" size="2">
<span class="input-group-btn">
<button type="button" class="btn btn-de
浏览 5提问于2016-04-14得票数 0
回答已采纳
我正在尝试使用paper-datatable-api，来显示数据表。此数据带有来自服务器的一些json响应，类似于：
[{"diklat":"Test 5","penyelenggara":"BPSDMD Provinsi Jateng","peserta":2,"year":"2018"},
{"diklat":"Test 4","penyelenggara":"BPSDMD Provinsi Jateng",
浏览 12提问于2018-03-01得票数 2
2回答
我试图使用.parents在相邻ul中选择一个元素，这样我就可以单击其中一个来影响另一个。
我可以选择这两个ul的父.outside，从.ulB内的span开始，但是当我要求它返回并选择不喜欢它的.ulA时。
有什么想法吗？使用这种方法可以做到这一点，还是根本不可能？谢谢。
下面的示例代码。
<!DOCTYPE html>
<html>
<head>
<style>
.ancestors * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
p
浏览 0提问于2015-09-14得票数 0
回答已采纳
1回答
当单击幻灯片图像分页链接(幻灯片下面的点)时，整个分页导航行在图像转换时闪烁。我要阻止这一切。
当我关闭jQuery smoothHeight设置时，这个闪烁就停止了，但是对于幻灯片，我需要这样做。任何帮助都是非常感谢的！
网站草稿：
HTML：
<!-- slideshow gallery -->
<div class="col-lg-8 col-md-8 col-sm-7 pull-left">
<div class="flexslider">
浏览 1提问于2015-03-23得票数 0
回答已采纳
4回答
<div class="albumclass">
<img width="100" height="100" data-assigned-id="9" src="/Content/images/fold.png">
<p>15Sep2015</p>
</div>
上面的代码是通过jQuery动态生成的。在此之后，我需要通过单击上面的图像来显示<p> ie.，'15Sep2015‘的内容。我怎么能拿到这个？我使用了以下代码：
$(
浏览 3提问于2016-02-01得票数 2
回答已采纳
我是JavaScript和Jquery中的新手，我在为多个下拉列表创建代码时遇到了问题，我使用了next和code选项，但我不想为next和next编写两次相同的代码。我只是想动态地使用相同的代码。我试过了，但没有得到任何答复。请建议..。
<div class="filter-category">
<div class="floor-dropdown">
<span class="prev">Prev</span>
<select class=
浏览 8提问于2015-02-12得票数 1
回答已采纳
1回答
这是我的标记：
<p>This is <span class="rounded">some</span> text which <span class="rounded">shows</span> what I <span class="rounded">want</span> to do.</p>
我有以下CSS：
span.rounded:not(.clicked):nth-child(1) {
background: re
浏览 3提问于2022-08-24得票数 2
回答已采纳
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
回答已采纳
我在使用React在两个组件之间通信时遇到了困难。
以下是密码：
文件Search.js
const Search = (props) => {
const [items, setItems] = React.useState(null);
const [input, setInput] = React.useState("");
const apiKey = "*********";
async function handleSubmit(event) {
event.preventDefault();
await
浏览 3提问于2020-11-27得票数 0
回答已采纳
2回答
想知道是否有人能指出正确的方向，在这里，我试图用匹配的类名显示页面上的'next‘元素，也就是链接下面的那个元素。
$(function() {
$("div.std-centered").hide();
$("a.show_hide").click(function(e) {
e.preventDefault();
$(this).closest('div.std-centered').next().show();
});
});
<script src="https://ajax.goog
浏览 3提问于2017-08-02得票数 0
回答已采纳
所有相同名称类的JQuery返回值= 2.53 (应用于所有Span的第一个元素值)
我如何获得不同的价值观？
HTML代码：
<div class='ratingInfo'>
<table class='rating_table' border='0' cellpadding='0' cellspacing='0'>
<tbody>
<tr>
<td>
<div cl
浏览 3提问于2014-11-19得票数 2
回答已采纳
1回答
如何在面板前后添加面板
、、、、
报表设计器布局包含引导带3面板。详细面板有Add group按钮，它应该在它之前和之后添加新面板。
这是在onclick事件处理程序中使用jquery前置和附加实现的：
var $this = $(this),
$parentpanel = $this.parents(".designer-panel").get(0);
$parentpanel.prepend('<div class="panel designer-panel">' +
'<div class=&
浏览 2提问于2016-10-29得票数 0
回答已采纳
我无法获取输入字段的值--反复尝试。
这是HTML
<div class="col-md-10 persStmtPad input-group" style="margin-top: 1.5em;margin-left:35px">
<input id="summerCourses1" name="summerCourses[]" type="text" placeholder="Summer Course" class="form-control input-md&#
浏览 0提问于2017-04-12得票数 2
我用jQuery进行了投票，现在投票是有效的，但是在投票之后，我希望刷新div来获得结果。我发现，它应该完成与加载包含模板。但是如何发送上下文以进行刷新呢？它应该是什么视图？
<script type="text/javascript">
$(document).ready(function(){
$( ".vote_button" ).click(function() {
$.post($(this).parent().attr("name"), $(this).parent().se
浏览 2提问于2014-05-27得票数 0
我是第一次使用jQuery，需要一些帮助。我有如下所示的html：
<div id='comment-8' class='comment'>
<p>Blah blah</p>
<div class='tools'></div>
</div>
<div id='comment-9' class='comment'>
<p>Blah blah something else</p>
浏览 0提问于2008-09-24得票数 3
回答已采纳
1回答
TL;DR
如何检索NodeList中的节点位置？在零基结构中偏移的意思中的位置，而不是top或left的位置。
我有一个jQuery UI可拖动/可删除，当拖放一个拖放元素时，它会填充一个数组。因为它很简单，我使用了一个简单的Array.push()
在构建UI以显示拖动元素(重要内容的缩略图)时，我将检索此Array并操作前面创建的最后一个节点。不管获得最后一个节点的所有其他可能性，当它等于我已经注册的元素数时，我将通过偏移量检索它：
let offset = mySource.length;
// Sounds like a bathroom >.<
let $ite
浏览 3提问于2017-07-31得票数 0
回答已采纳
我有以下内容(基本上，schedule_box是包装器，可以根据需要有多少client_schedule div)。默认情况下，.details是隐藏的，我希望details在单击向下箭头时显示：
<div class="schedule_box">
<div class="client_schedule">
<span class="edit">
<img src="images/manage_companies/down-icon.png
浏览 4提问于2011-08-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
