はどのボタンが、それは私が私のボタンを見ることができる開発ツールで

Question

を動作していないにも適用しているどのようなスタイルをチェックするには：あなたはスタイルがBLOCKのディスプレイを持って終わりで見ることができます

<input type="submit" name="ctl00$MainContent$MapUserControl$MapDefPage$CreateEditLayerPage$addAttribute" value="Add Attribute" id="ctl00_MainContent_MapUserControl_MapDefPage_CreateEditLayerPage_addAttribute" title="Click to add a new attribute to the layer" class="edit green btn spaceRight" style="float: right; display: block;"> 

。

しかし、私は、コンソールでこれをテストしてみてください：

$('addAttribute').css("display") == "block" 
false 

私はそれがTRUEでなければなりません見ることができたときに、FALSEの戻り値を取得します。どうしてこれなの？ 基本的には、自分のボタンが隠れているかどうかをチェックして、どのボタンに応じてタスクを実行できるかをチェックしたいと思います。 も試しました

$('addAttribute').is(":visible"); 
false 

しかし、falseも返します。私は間違って何をしていますか？ ありがとう

Answer 1

私は間違ったセレクタを使用すると思います。あなたのように使用しています

$('addAttribute').css("display") == "block" 

addAttributeのようなタグはありません。あなたは、より正確であるとクラスとの入力を選択することも、あなたの入力のIDで

Answer 2

alert($(':input.btn').css("display") == "block")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="submit" name="ctl00$MainContent$MapUserControl$MapDefPage$CreateEditLayerPage$addAttribute" value="Add Attribute" id="ctl00_MainContent_MapUserControl_MapDefPage_CreateEditLayerPage_addAttribute" title="Click to add a new attribute to the layer" class="edit green btn spaceRight" style="float: right; display: block;">

使用:inputセレクタを確認することができます

$('.edit.green.btn.spaceRight').css("display") == "block" 

のように確認することができます

Answer 3

if($('.edit.green.btn.spaceRight').css("display") == "block"){ 
 
    alert('yes'); 
 
}else{ 
 
    alert('no'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<input type="submit" name="ctl00$MainContent$MapUserControl$MapDefPage$CreateEditLayerPage$addAttribute" value="Add Attribute" id="ctl00_MainContent_MapUserControl_MapDefPage_CreateEditLayerPage_addAttribute" title="Click to add a new attribute to the layer" class="edit green btn spaceRight" style="float: right; display: block;">

Answer 4

あなたがaddAttributeに言及されているセレクタが間違っている、あなたの現在のコードでは

、input要素に基づいており、次のようにそれがidだ見つけることを試みること。

if ($('input#ctl00_MainContent_MapUserControl_MapDefPage_CreateEditLayerPage_addAttribute').css("display") == "block") { 
 
    alert("Detected"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<input type="submit" name="ctl00$MainContent$MapUserControl$MapDefPage$CreateEditLayerPage$addAttribute" value="Add Attribute" id="ctl00_MainContent_MapUserControl_MapDefPage_CreateEditLayerPage_addAttribute" title="Click to add a new attribute to the layer" 
 
class="edit green btn spaceRight" style="float: right; display: block;">