使用 Jquery 获取子元素属性

Get child element attribute using Jquery

本文关键字：元素 属性 获取 Jquery 使用      更新时间：2023-09-26

我有一个html结构。我想获取函数中的所有控件类型id值。我只是尝试像 

$('#firstDiv > a.[controltypeid]').each(function (i, val) {
  $Control = $(val);
});
<div id="firstDiv">
  <a id="1" controltypeid="1"></a>
  <a id="2" controltypeid="2"></a>
  <a id="3" controltypeid="3"></a>
</div>

但我无法获得值。任何人都可以帮忙。提前感谢您的帮助。

使用 jquery 子选择器完成。

说明：获取匹配元素集中每个元素的子元素。

法典：

$(document).ready(function(){
$("#firstDiv").children('a[controltypeid]').each(function(){
alert($(this).attr('controltypeid'))
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="firstDiv">
<a id="1" controltypeid="1"></a>
<a id="2" controltypeid="2"></a>
<a id="3" controltypeid="3"></a>
</div>

你也可以像这样简单地使用

$('#firstDiv a').each(function () {
  alert($(this).attr('controltypeid'));
});

如果你需要在数组中控制类型id，试试这个：

var controltypeid = [];
$('#firstDiv > a[controltypeid]').each(function (i, v) {
 controltypeid.push($(v).attr( "controltypeid" ));
});
console.log(controltypeid);

大家忘了.map吗？

例：

var controlTypeIds = $('#firstDiv').children().map(function() {
    return $(this).attr('controltypeid');
}); // ['1', '2', '3']

或者，如果要继续使用选择器，请删除额外的.。.选择器选择类，但是在它之后有一个属性选择器.[...]没有意义，并且在语法上不正确。

var controlTypeIds = $('#firstDiv>a[controltypeid]').map(function() {
    return $(this).attr('controltypeid');
}); // ['1', '2', '3']

a.[controltypeid]是错误的，被替换为a[controltypeid]

其次，使用 attr() 获取属性值。

$('#firstDiv > a[controltypeid]').each(function () {
 console.log( $( this ).attr( "controltypeid" ) );
});

如果您只想获取字符串中的所有值

var controltypeids = [];
$('#firstDiv > a[controltypeid]').each(function () {
 controltypeids.push( $( this ).attr( "controltypeid" ) );
 console.log( $( this ).attr( "controltypeid" ) );
});
alert( controltypeids.join( "," ) );

您可以使用JQuery获得以下方法。 使用吸引力

在 Jquery 中进行以下更改。

$('#firstDiv > a').each(function () {
  alert($(this).attr('controltypeid'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="firstDiv">
  <a id="1" controltypeid="1"></a>
  <a id="2" controltypeid="2"></a>
  <a id="3" controltypeid="3"></a>
</div>

相关文章：