[英]Equivalent to .parent().parent().siblings() in jQuery
I've been having a hard time getting the right selector and I've just now got it working by doing .parent().parent().siblings()
, but I know there has to be a better way to get it without chaining it so much. 我一直很难找到合适的选择器而且我刚刚通过做
.parent().parent().siblings()
,但我知道必须有一个更好的方法来获得它链接它这么多。
The div is added dynamically and this is the only reliable way I've found to select it: div是动态添加的,这是我发现选择它的唯一可靠方法:
var current = $(".filename:contains('" + file.name + "')").parent().parent().siblings();
current.find("input[name=title]").val(obj.file_name);
This is the jsFiddle link: http://jsfiddle.net/Msnf9/8/ 这是jsFiddle链接: http : //jsfiddle.net/Msnf9/8/
This is the HTML: 这是HTML:
<div id="uploadifive-fileupload-queue" class="uploadifive-queue">
<div class="uploadifive-queue-item" id="uploadifive-fileupload-file-0">
<div class="span12 well">
<div class="row-fluid">
<div class="alert">
<div class="filename">file-name-1.jpg</div>
<div class="fileinfo"> - Completed</div>
</div>
<div class="progress">
<div class="bar"></div>
</div>
</div>
<div class="row-fluid inputs">
<div class="span3">
<ul class="thumbnails">
<li class="span12">
<a href="#" class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
</a>
</li>
</ul>
</div>
<div class="span9">
<form class="form-horizontal">
<fieldset>
<div class="control-group">
<label class="control-label" for="file-name">File Name</label>
<div class="controls">
<span class="input-xlarge uneditable-input file-name" /></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="file-dimensions">File Dimensions</label>
<div class="controls">
<span class="input-xlarge uneditable-input file-dimensions" /></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="file-url">File URL</label>
<div class="controls">
<span class="input-xlarge uneditable-input file-url" /></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="alt-text">Alt Text</label>
<div class="controls">
<input type="text" class="input-xlarge" placeholder="Alt text" name="alt-text" id="alt-text" />
</div>
</div>
<input type="hidden" name="image_id" />
<div class="form-actions">
<button id="save" type="button" class="btn btn-primary"><i class="icon-ok icon-white"></i> Save</button>
<button id="delete" type="button" class="btn btn-inverse"><i class="icon-trash icon-white"></i> Delete</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
Use closest() method, it gives you closest ancestor of the element in the DOM. 使用nearest()方法,它为您提供DOM中元素的最接近的祖先。 As you have class
row-fluid
with the desired parent which is used to reach the desired parent. 因为你有类
row-fluid
,所需的父级用于到达所需的父级。
var current = $(".filename:contains('file-name-1.jpg')").closest('.row-fluid').siblings();
我喜欢最亲近的孩子。
var current = $(".filename:contains('" + file.name + "')").closest('.row-fluid').siblings()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.