如何通过来自不同父元素的相同元素查找 HTML 元素
How to find a HTML element by same element from different parent element?
我需要通过相同的元素选择一个元素,父元素是不同的(哪些元素包含相同的属性和值),而无需使用循环。例如
Code is:
杰斯菲德尔
请建议我以任何其他方式获取元素。
如果我正确理解了你的问题,你基本上想从两组tuples
中得到元素的交集
尝试
$(variable1st).find("Tuple").filter($(var2nd).find( "Tuple" ));
或
var tupleSet1 = $(variable1st).find( "Tuple" );
var tupleSet2 = $(var2nd).find( "Tuple" );
var finalOutput = tupleSet1.filter(function(el) {
return tupleSet2.indexOf(el) != -1
});
将您的小提琴更新为
function change(){
var tuple1 = $("#var1")[0].outerHTML;
console.log($(tuple1).find("tuple"));
var tuple2 = $("#var2")[0].outerHTML;
console.log($(tuple2).find("tuple"));
var commonTuples = $(tuple1).find("tuple").filter( function(i,v){
console.log( v.outerHTML );
console.log( tuple2.indexOf( v.outerHTML ) );
return tuple2.indexOf( v.outerHTML ) != -1 ;
} );
alert( commonTuples.text() );
}
如果您正在寻找具有匹配div id 的第一个元组,那么这应该可以工作。
这是jsfiddle
var var1st = $("#first");
var var2nd = $("#second");
var match = var1st.find("#" + var2nd.find("Tuple:first-child > div").attr("id")).parent();
var (match.html());
<Tuples id="first">
<Tuple>
<div id="1"></div>
</Tuple>
<Tuple>
<div id="2"></div>
</Tuple>
<Tuple>
<div id="3"></div>
</Tuple>
<Tuple>
<div id="4"></div>
</Tuple>
</Tuples>
<Tuples id="second">
<Tuple>
<div id="1"></div>
</Tuple>
<Tuple>
<div id="2"></div>
</Tuple>
</Tuples>
ID 在
文档中应该是唯一的,即您不能为两个元素提供相同的 ID。
而是给出相同的类名,例如
<tuple>
<div class="1">1st</div>
</tuple>
然后可以直接选择 $(".1")。这将返回具有相同类名的节点数组。您可以循环访问此数组并获取文本。希望这有帮助。
相关文章:
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何在不传递此信息的情况下查找被调用的元素
- 查找元素高度,包括边距
- 为什么可以't PHP查找可以使用JS或jQuery访问的元素
- 查找数组javascript中包含的元素类型
- 在AngularJs中查找元素并更改其内容
- JavaScript-如何按类查找元素并删除此类
- 在Meteor中如何查找DOM元素(渲染后)
- jquery在元素中查找文本节点,并使用标记进行连接和包装
- 如何按id查找两个类中任一类的子元素
- 从json数组中查找满足条件的特定元素的值
- 如何通过来自不同父元素的相同元素查找 HTML 元素
- 为动态创建的元素查找前一个同级的值
- HTML5 音频元素 - 查找滑块 - 无法在“HTMLMediaElement”上设置“当前时间”属性:提供的双精度值
- 具有用户添加的行的窗体,以及对每行的输入元素查找
- 选择tr及其“所有子元素”;-查找jquery选择器
- 为每个元素查找data()键值对
- 如何根据兄弟元素中排序的元素查找索引
- 为多类元素中某一类的元素查找Dom节点索引
- 如何使用多行元素查找offsetWidth