如何选择prev no to关联元素jquery
在jQuery中，可以使用prev()和next()方法来选择元素的前一个和后一个兄弟元素。这两个方法都是基于当前元素进行选择。
prev()方法选择当前元素的前一个兄弟元素，如果存在多个兄弟元素，则选择最近的一个。如果没有前一个兄弟元素，则返回一个空的jQuery对象。
next()方法选择当前元素的后一个兄弟元素，如果存在多个兄弟元素，则选择最近的一个。如果没有后一个兄弟元素，则返回一个空的jQuery对象。
这两个方法都可以接受一个可选的选择器参数，用于进一步过滤选择的元素。选择器参数可以是任何有效的CSS选择器。
以下是一个示例代码，演示如何使用prev()和next()方法选择元素的前一个和后一个兄弟元素：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// 选择id为second的元素的前一个兄弟元素
var prevElement = $("#second").prev();
console.log(prevElement);
// 选择id为second的元素的后一个兄弟元素
var nextElement = $("#second").next();
console.log(nextElement);
});
</script>
</head>
<body>
<div id="first">First</div>
<div id="second">Second</div>
<div id="third">Third</div>
</body>
</html>在上面的示例中，我们首先选择id为second的元素，然后使用prev()方法选择其前一个兄弟元素，将结果存储在prevElement变量中，并通过控制台输出。接着使用next()方法选择其后一个兄弟元素，将结果存储在nextElement变量中，并通过控制台输出。
注意，prev()和next()方法只选择直接相邻的兄弟元素，不会选择更远的兄弟元素。如果需要选择更远的兄弟元素，可以使用prevAll()和nextAll()方法。
希望这个答案能够满足你的需求。如果你需要了解更多关于jQuery的知识，可以参考腾讯云的jQuery产品介绍页面：jQuery产品介绍。
相关·内容
我有很多类似的代码块，有like和dislike div：
<div class="cal_days com_each_photo">
<img class="littleimage" src="img/calendar/calendar_2.jpg" alt="day">
<div class="com_blur">
<div class="com_link_like" style="cursor:pointer">like
浏览 1提问于2013-07-11得票数 0
2回答
我一直试图在DOM中选择一个特定的div，但没有成功，我也找不到我做错了什么。你能帮帮我吗？
下面是我的html代码：
<div class="small" id="CV"><h1>Cliquez ici pour ouvrir mon CV</h1></div>
<div class="big" id="CVLarge">
<!-- DOIT RESTER SOUS .big -->
<img src="../Images/aPropo
浏览 0提问于2018-04-20得票数 2
1回答
对于使用JavaScript的简单悬停，我有以下JQuery代码：
$('.product_img_link').hover(function(){
$(this).prev('.hoverProduct').show();
},function(){
$(this).prev('.hoverProduct').hide();
});
(使用类div查找上一个hoverProduct，并在悬停时显示它，并将其隐藏在鼠标外)。
如何在不使用JQuery的情况下编写这个片段，只使用普通的JavaScript？
浏览 3提问于2013-02-27得票数 1
我在使用jQuery代码选择正确的元素时遇到问题。这就是DOM的基本外观：
<div class='bad_link'>
<p><a href='...'>...</a></p>
<p><a href='...'>...</a></p>
<input type='text' size='100' name='....' />
<input cl
浏览 3提问于2012-05-01得票数 1
回答已采纳
我在jQuery中使用prev()时遇到了问题，因为它没有选择正确的元素。
我的HTML结构如下：
<section id="about">
...
</section>
<hr>
<section id="contact">
...
</section>
"active“部分是#contact。我想选择上一节跳过<hr>
active = active.prev('section')似乎不起作用。我想我可能看错文档了..。
如果我拿出<hr&g
浏览 0提问于2011-03-28得票数 19
回答已采纳
如何使用jQuery从span标记之前的隐藏输入中获取值
<div>
<input type="hidden" value="<?php echo $activeTimeID; ?>" class="activeTimeId"
name="activeTimeID<?php echo $j;?>[]" />
<span class="closeTime">close</span>
</div>
浏览 2提问于2012-11-21得票数 0
2回答
我有一个完整的内容。当我单击该按钮时，所有的块立即全部显示，但我只需要完全显示我在php上单击的块。
<?php if ( $query->have_posts() ) : ?>
<?php while ( $query->have_posts() ) : $query->the_post(); ?>
<div class="content"><?php the_content(); ?></div>
<button class="s
浏览 5提问于2020-06-28得票数 1
回答已采纳
如何使用jQuery访问与DOM同级的特定类的div？我尝试过.closest()，但它找不到元素。
例如：
<!-- foreach loop starts { -->
<fieldset>
<legend>Values</legend>
<div class="characteristic-values">
<!-- many divs inside -->
</div>
<input type="button
浏览 0提问于2011-06-25得票数 1
回答已采纳
5回答
我构建了一个for每一个循环，从数据库中提取几行。它拉出的每一行都有一个链接和一个隐藏的输入框，其值为posting_id。这个链接在某种程度上将类似于facebook上的“相似”按钮。隐藏的输入框只存储posting_id。当您单击“喜欢”链接时，它会通过posting_id发送到一个jQuery页面，并回击一个名为“社区”的页面，告诉它用户“喜欢”该帖子。
，，这是问题所在
我正在拉几行，当您单击“喜欢”按钮时，似乎只有被拖动的最上面的行才会将数据发送到jQuery页面。如果我点击任何其他的“喜欢”按钮，而不是顶部的按钮，它将根本不会工作。
Jquery
$('.bump_lin
浏览 2提问于2013-03-27得票数 3
1回答
如何在当前索引之上仅在立即禁用的li上添加背景红色。有没有办法计算一下？现在，它适用于所有禁用的li。但我只想要一个即刻。
在Adnvace中感谢:)
$( "li.component" ).prevAll(".component.disabled").css( "background-color", "red" );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script
浏览 1提问于2021-04-29得票数 0
给定以下html列表：
<ul>
...
<li>
<li> // <-- item to be selected
<li>
<li class='current'>
<li>
<li>
<li>
...
</ul>
如何选择具有类电流的li两个实例？任何纯javascript或jquery解决方案都会很棒！
浏览 0提问于2013-10-06得票数 0
回答已采纳
我的代码看起来像这样：
<div class="tag">Order # :</div>
<div class="data">
<input type="text" name="oemTeo[<?=$o;?>]" id="o_oemTeo[<?=$o;?>]" value="<?=$vrow['oemTeo'];?>" />
</div>
我想直接在<div class="
浏览 1提问于2011-03-25得票数 0
回答已采纳
我想用一个jQuery包装把下面的代码包装在一个div中：
<ol class="pagination-links">
<li>test</li>
<li>test</li>
</ol>
<a class="prev" href="#">Prev</a>
<a class="next" href="#">Next</a>
使用wrap函数时，我不知道如何调用这些元素。
<s
浏览 0提问于2011-11-24得票数 1
回答已采纳
4回答
这是一个示例代码，
<select id="select1">
<option value="1">Option 1 </option>
<option value="2">Option 2 </option>
<option value="3">Option 3 </option>
<option value="4">Option 4 </option>
</s
浏览 0提问于2012-03-18得票数 1
2回答
我正在尝试用javascript (jquery库)编写一个简单的if语句，它只是在页面中找到div.video元素，如果它能找到它，就将变量‘arrow’设置为true，如果它不能设置为false。
这是我到目前为止所知道的：
jQuery(document).ready(function () {
// Hiding of prev & next arrows on movie pages.
var arrows = false;
if (jQuery('body').find('div.video'))
{
浏览 3提问于2009-09-21得票数 0
回答已采纳
我有这些内容可编辑的字段，旁边有一个小铅笔图标，以给用户一些视觉反馈。但是，当用户单击铅笔时，其他一些元素将得到我在jquery中应用的焦点。所期望的结果是jquery应该找到prev元素并将其集中起来。
html
//these divs are all over the page..
<div>
<span class="editable" contenteditable="true">my title </span>
<i class="fa fa-pencil"><
浏览 6提问于2014-08-01得票数 0
回答已采纳
我正在尝试获取下面显示的两个随机生成的div ID，并将它们包装在我可以控制的自定义div中。我在jQuery应用程序接口上四处寻找解决方案，但仍然没有想法。
下面是示例的预览：
如您所见，这里有两个<div id="random_string"></div>和一个自定义<div class="wrap_awm"></div>
因为我不能从上面找到两个ID，所以我不知道如何告诉jQuery，从上面的wrap_awm中获取两个div，并将它们放入".wrap_awm“中。就这么简单？
浏览 1提问于2013-05-21得票数 4
回答已采纳
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
我有以下jquery单击事件
$(document).on('click', '.pagn', function(e) {
e.preventDefault();
var page = $(this).data('page');
var type = $(this).attr('id');
if(page>0 && type == 'prev') {
prev = page - 1;
next = page + 1;
}
浏览 3提问于2014-03-19得票数 0
回答已采纳
2回答
我想通过访问同一行中的其他td来填充td元素。我如何使用jQuery访问它们？
在我的情况下，我有一个表，第5列通过从COL4中减去COL3，并返回COL5中的结果来填充。我开始使用嵌套循环，但意识到如果我在每个COL5 td上使用.each()，如果我可以使用jQuery识别COL3和COL4，就可以实现这一点。
这是。
标识元素的部分如下所示：
$('section.techtable td:nth-child(5)').each(function() {
$(this).append(strinToMonthNumber($(START JQUERY),$(END
浏览 0提问于2012-06-11得票数 2
回答已采纳
我有一个使用jQuery循环构建的内容旋转器，并试图将jQuery Fancybox添加到其中。
HTML：
<div class="secRotatorSlide">
<a href="" class="iframe enlargePic">Enlarge</a>
<img class="slideImg" src="secRotatorImg/slide1.png" alt="Slide 1" />
<p>Lor
浏览 7提问于2013-09-26得票数 0
回答已采纳
4回答
<li> </li>
<li class="wordwrap"></li>
我想删除顶层.ie li上的li，没有一个类，它只驻留在li的顶部，带有类.i不想删除任何其他li？我们如何使用Jquery做到这一点呢？
浏览 0提问于2010-11-17得票数 0
回答已采纳
我有两个div，
<div id="input text">
<fieldset>
</fieldset>
</div>
<div id=1>
</div>
在我的JQuery中，我试图将一些元素附加到#1之前的Div中如何做到这一点。
$("<p>title</p>").appendTo(previous to 1 and inside fieldset );
由于我有许多这样的div，我正在尝试使用p
浏览 3提问于2009-09-08得票数 2
事实证明，我有一个问题很难解决。我有一个论坛，对一个问题有多个答复，从数据库中提取出来，并使用foreach循环(PHP)显示。我想要一个‘编辑您的响应’函数，并有一个jquery函数，它将显示一个HTML块，其中包括和输入在每个响应之下。问题是，当我在一个响应上选择编辑按钮时，它会在每个响应下使用HRML的bloack，因为它会使类'theDiv‘发生冲突。是否可能有一个jquery函数可以选择one.......i.e.somehow，在foreach循环中有每个响应，有一个动态创建的惟一类，jquery函数可以将其作为目标？我真的很想看看怎样才能做到……
<html&g
浏览 1提问于2014-03-06得票数 0
回答已采纳
所以我有一个表单；
<label for="name">Job Date</label><br /><input id="name" class="required" title="Enter a name!" name="name" type="text" />
一些Jquery循环通过每个带有"required“类的输入，看看它是否为空/空白，如果是，就给这个输入一个红色的边框颜色，并给与它相关联的标签一个红色；
function chec
浏览 2提问于2009-09-25得票数 2
回答已采纳
我想让我的左/右箭头转到下一个/上一个.embedded_post目录。问题是它只能工作一次，而且我只能在第一个和第二个div之间滚动。我认为它是-100的偏移量，但删除偏移量并没有起到作用。我在想，在我动画到下一个div之后，jQuery选择器没有移动任何地方，所以我被卡住了。
jQuery(document).keydown(function(e){
switch(e.which) {
case 37: // left
jQuery('html, body').animate({scrollTop:jQuery('.e
浏览 0提问于2012-12-04得票数 0
回答已采纳
2回答
你好，我正在尝试在一个页面上有多个jquery周期画廊。我感觉我有正确的代码，但它不工作…有没有人能看一下并帮助我？它似乎找不到我的.next和.prev类？
jquery：
$('.cycle').each(function() {
var slideshow = $(this);
var next = slideshow.closest('.next');
var prev = slideshow.closest('.prev');
slideshow.cycle({
speed: 0,
浏览 2提问于2012-11-01得票数 2
回答已采纳
我尝试在类使用jquery的上层div上添加css。
$(document).ready(function(){
$("span").parents(".s").css({"color": "red", "border": "2px solid red"});
});
.ancestors * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
浏览 1提问于2016-04-14得票数 0
回答已采纳
如何使用jQuery从"#current“中查找下一个和以前的"A”元素。HTML：
<ul>
<li>
<a></a>
<a></a>
<a></a>
</li>
<li>
<a></a>
<a></a>
<a id='current'></a>
浏览 4提问于2013-01-19得票数 2
回答已采纳
2回答
我不明白为什么这不管用。我有一个列表，每个项目都有一个锚上的背景图像。使用jQuery，我正在尝试删除项目的背景图像，就在所选锚点之前。下面是HTML：
<ul id="menu">
<li class="last"><a href="#">Contact Us</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">
浏览 0提问于2012-07-22得票数 1
回答已采纳
3回答
我的Html是这样的，
<div>
<div>
<input id="20171" name="StyleID" type="checkbox" value="true"><input name="StyleID" type="hidden" value="false">
</div>
<div class="imgContainer" style="pa
浏览 7提问于2014-07-18得票数 3
回答已采纳
2回答
我正在使用HTML和JQuery (和AngularJS)开发一个应用程序。我刚开始使用JQuery，我有一个问题。让我们假设我有这个HTML文件：
<div class="my_class">1</div>
<p ng-click="my_method()">MY FIRST PARAGRAPH</p>
<div class="my_class">2</div>
<p ng-click="my_method()">
浏览 2提问于2020-10-22得票数 0
6回答
我需要选择倒数第二个输入可选元素的值：
<tr><td><select class="x">...</select></td></tr>
<tr><td><select class="x">...</select></td></tr>
<tr><td><select class="x">...</select></td></tr>
s
浏览 2提问于2014-03-24得票数 10
3回答
因此，我似乎一直得到这个错误$(.).appendChild不是一个函数！我想非常简单地创建一个元素，给它一些文本，并将其追加到ul中。我检查了jquery上的所有引用，然后空手返回。
const ul = $('#element');
const $li = $('<li>');
$li.innerText = 'hello';
$('#blog-prev-title').appendChild($li);
<script src="https://ajax.googleapi
浏览 4提问于2017-07-16得票数 1
回答已采纳
我有一个jquery函数，可以克隆div并增加ID，如下所示： <div class="parent">
<div class="row">
<!-- stuff that needs to be cloned-->
</div>
<div class="row">
<input type="button" class="cloneRow" />
</div>
<
浏览 17提问于2020-04-07得票数 0
3回答
我尝试使用waypoints.js，并在用户滚动到它时激活菜单元素。正如我所看到的，航点工作得很好，但我无法获取当前部分的id...控制台总是说undefined。
那么，我做错了什么？
我的脚本是：
jQuery(function() {
var sections = jQuery('section');
var navigation_links = jQuery('nav a');
sections.waypoint({
handler: function(direction) {
var active_se
浏览 4提问于2015-06-13得票数 0
7回答
下面是我的代码，当单击位于相同div中的<a>时，我试图获取上述文本框的值。我的意思是说，如果我点击第二个“添加到购物车”的链接，它将给我"test2“根据我的截图。
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$( document ).ready(function() {
$(
浏览 3提问于2013-12-05得票数 5
回答已采纳
Zepto是否与jQuery的prev(选择器)等价？我有以下HTML代码：
<span class='error-placeholder'></span><input type='text' class='email'>
在jQuery中，我会做这样的事情：
$('.email').prev('.error-placeholder').text('That email is invalid, Chief.');
在Zepto中完成这一任务的最佳方法是什么？根据
浏览 3提问于2013-11-14得票数 1
回答已采纳
我在过程中生成一个div，其中包含HTML文件中的图像和输入文件。
所有元素的ID每次更改1。这里是div的示例，它以K作为每次生成这个div时递增的数字，因此每个项都有一个不同的ID。
<div>
<img id="frame-add-K" src="" class="img-fluid" />
</div>
<label style="border: 2px solid black" for="img-input-K" class="btn">
浏览 7提问于2022-11-16得票数 0
我有这样的HTML代码：
<div class="buildExMain">
Select An Option
<i class="fa fa-check-circle" aria-hidden="true"></i>
<div class="buildExDrop">
<p class="pSelection">Number 1</p>
<p cla
浏览 2提问于2017-12-07得票数 2
回答已采纳
假设我有5个强元素，我想使用jQuery将它们封装在div元素中，分组为2。
示例：
<!--original markup-->
<strong>I AM STRONG</strong>
<strong>I AM STRONG</strong>
<strong>I AM STRONG</strong>
<strong>I AM STRONG</strong>
<strong>I AM STRONG</strong>
化作
<!-- new markup -
浏览 4提问于2009-04-17得票数 0
回答已采纳
1回答
jQuery切换多个类
、、、
我希望使用jQuery切换在同一个类中显示/隐藏多个div。
当前，按钮显示/隐藏all div。如何使它切换一个div而不使类惟一？。
jQuery：
$(".button").click(function() {
$(".comment").toggle();
});
HTML：
<div class="comment">
Comment 1
</div>
<button class="button">Show Comment</button>
<br/&g
浏览 4提问于2015-01-05得票数 1
回答已采纳
我有一个必须是这样的小组
<button class="next">Next</button>
<span>Test</span>
<button class="prev">Prev</button>
我需要通过使用.prev jQuery next()函数来针对动态添加的next()，但是看起来span正在窃听这个选择吗？
我怎么才能跳过span呢？
$(document).on("click", ".next", function() {
$(th
浏览 0提问于2018-11-13得票数 0
回答已采纳
5回答
我试图制作一个文章页面，其中文章部分可见。
目前，我的代码如下所示：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="article co
浏览 4提问于2015-10-07得票数 1
回答已采纳
1回答
我有以下jQuery：
var $active = $('#slideshow li.active');
if ( $active.length == 0 ) $active = $('#slideshow li:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next
浏览 2提问于2012-05-29得票数 1
回答已采纳
对不起，我的英语不好，例如我有2列，每列点击div.open-model时都会显示一个模型有一个值是h3.title，我用的是jQuery，但不能得到值h3.title的每一列。
$(document).ready(function() {
$('.open_modal').click(function(e) {
var h3title = $(this).find('.parent .title').html();
console.log('h3title');
e.preventDefault();
})
浏览 6提问于2017-07-13得票数 0
回答已采纳
5回答
$(document).ready(function() {
var n=1;
$("#add").click(function(){
if(n<8){
$("#form").append("
<input type='text' name='input_" + (n++) +"'/>
<input type='button
浏览 0提问于2013-06-21得票数 2
回答已采纳
我是jQuery的初学者。
我有三个盒子。每个框都有自己的上一页/下一页导航。当我单击任何框时，文本都会移动，这很好。但是当我点击上一个/下一个导航(第一个除外)时，它不会移动。请指导我如何解决这个问题？
请查看示例，以便更好地了解我的需求。
谢谢
浏览 7提问于2012-04-25得票数 0
回答已采纳
2回答
<div id="item">
<div class="action">
Oh! Look, a squashed pea!
</div>
<img class="picture" src="example">
</div>
使用jQuery时，当悬停在图像上时，我需要使用类名为“action”的DIV。悬停的部分我已经拍下来，工作良好，但我正在与选择部分斗争。
我试过选择父母，然后在没有运气的情况下用“动作”类.
编辑:我应该添加
浏览 2提问于2012-02-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
