Question

我有一个html结构。我想在函数中获取所有controltypeid值。我只是尝试

＆＃13;

$('#firstDiv > a.[controltypeid]').each(function (i, val) {
  $Control = $(val);
});

＆＃13;

<div id="firstDiv">
  <a id="1" controltypeid="1"></a>
  <a id="2" controltypeid="2"></a>
  <a id="3" controltypeid="3"></a>
</div>

＆＃13;

但我无法获得价值。可以提供帮助。在此先感谢您的帮助。

Answer 1

使用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>

Answer 2

您也可以像这样使用

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

Answer 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( "," ) );

Answer 4

如果您需要数组中的controltypeid，请尝试此操作：

.Add()

Answer 5

每个人都忘了.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']

Answer 6

您可以使用JQuery获得以下方式。使用 attr

在Jquery中进行以下更改。

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用Jquery获取子元素属性

6 个答案: