HTML
<div class="container-fluid">
<div class="input-page">...</div>
<!-- field 1 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<!-- field 2 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<!-- field 3 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding"> <!-- I want to grab this block -->
<div class="x_panel">
<div class="x_content">
<form class="data-table">
<div class="row">...</div>
<div class="row">...</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">
<div class="btn-group">
<button>Add</button> <!-- when I click this button -->
<button>Other</button>
</div>
</div>
</div>
上面的代码是一个简化版本,但实际代码如下所示:
每个"field
“都是content div
和按钮div
的组合。当我按下Add按钮时,我想抓取它正上方的内容div。
我正在考虑首先尝试$(this).closest('.container-fluid')
,然后导航到我单击的按钮所在的div正上方的div。但我不知道该怎么做。有什么想法吗?
发布于 2018-07-14 03:46:14
一种粗略的方法是使用prev
获取父母/父母的最接近的兄弟姐妹
$("#AddButton").click(function() {
var blockToGrab = $(this).parent().parent().prev();
// do stuff with block
console.log("I found: " + blockToGrab.html());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
<div class="input-page">...</div>
<!-- field 1 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<!-- field 2 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">...</div>
<!-- field 3 -->
<div class="col-md-12 col-sm-12 col-xs-12 no-padding"> <!-- I want to grab this block -->
<div class="x_panel">
<div class="x_content">
<form class="data-table">
<div class="row">...</div>
<div class="row">...</div>
</form>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 no-padding">
<div class="btn-group">
<button id="AddButton">Add</button> <!-- when I click this button -->
<button>Other</button>
</div>
</div>
</div>
https://stackoverflow.com/questions/51331696
复制相似问题