代码之家 › 专栏 › 技术社区 › Paul

检查数据属性和应用逻辑失败

if-statement css html jquery javascript

Paul · 技术社区 · 6 年前

在每个div - smallCatalogBlock ,我有一个数据属性 data-availability “是”或“否”。我正在尝试检查数据属性的值。如果不是,我想要 catalogSmallCircle ,特别是要隐藏该分区。

到目前为止,什么都没有发生。

有人看到我做错了什么吗?根据我的尝试,“紧固技术”的按钮应该隐藏起来。

var availability = $('.smallCatalogBlock').data('availability');
$('.smallCatalogBlock').each(function(index, catalogBlock){
		catalogName = $(catalogBlock).data('fill-specs');
		console.log('catalog name ' + catalogName);
		if (availability == 'No') {
			console.log(availability);
			$('.catalogSmallCircle').hide();
		}
		//Filling Circle
		$('.catalogSmallCircle', catalogBlock).html(
			'<div class="catalogSmallCircleIn" data-catalog-name='+ catalogName +'><div class="total-center"><div class="circlePlus"></div></div></div><div class="catalogCircleExpand"><div class="catalogExpandClose"></div><div class="total-center expandText"><span class="catalogName pdfSubHeader"></span><p class="dGw circleExpandText"></p><button class="catalogDownload downloadButton" name="Profile_Catalog" data-catalog-now="Profile Small Catalog Button" data-catalog-view-name="Profile Catalog">View</button><button class="catalogDownload requestButton" data-catalog-name="'+ catalogName +'">Request</button></div></div>'
		)
	});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="smallCatalogWrap">
  <div class="smallCatalogBlock" data-fill-specs="Profile-Catalog" data-availability="Yes">
    <span class="smallCatalogTitle">Profiles and Caps</span>
    <div class="smallCatalogButtonWrap">
      <div class="catalogSmallCircle"></div>
    </div>
  </div><div class="smallCatalogBlock comingSoonSmall" data-fill-specs="Fastening Technology" data-availability="No">
    <span class="smallCatalogTitle">Fastening Technology</span>
    <div class="smallCatalogButtonWrap">
      <div class="catalogSmallCircle"></div>
    </div>
  </div>
</div>

2 回复 | 直到 6 年前

Cuong Hoang 6 年前

变化

    if (availability == 'No') {
        console.log(availability);
        $('.catalogSmallCircle').hide();
    }

到

if ($(this).data('availability') === 'no') {
        console.log(availability);
         $(this).find('.catalogSmallCircle').hide();
}

PBro 6 年前

看起来您的可用性变量在每个循环之外。相反,它应该像fill-specs数据属性那样处理。

推荐文章

Questor · 宏生成链式else if

10 月前

Jesús Fernández · 如果里面有查询选择器,我该如何优化这些重复的if?

11 月前

M 93 · 如果公式(总和小于30,则四舍五入tp 30)

1 年前

Imyaf · 在什么条件下,在组装时对“if”和“if-else”进行比较?

1 年前

A.Ellett · 测试-t STDIN与-t<STDIN>

1 年前

Filippo Marolla · 根据R中的多个条件计算分数

1 年前

Ryrich · 3或5的倍数可以用else if语句来完成吗?

1 年前

x GutterRat x · 如何使此方法始终返回非负值?

1 年前

M. de Brock · 为什么我的if语句在使用“and not”时返回false?[副本]

1 年前

Ruslan199 · python中的条件列出了理解

1 年前