2016-11-17 9 views
0

ウェブページにある番号を印刷して、より良いビジネスウェブサイトに表示されているように表示するにはどうすればよいですか?htmlでデータを表示/非表示にするhover code option

例: http://www.bbb.org/raleigh-durham/accredited-business-directory/roofers

私は、ウェブサイトに行くが、私は電話番号を表示する電話のアイコンの上にカーソルを移動しなければなりません。これらの電話番号をすべて一度に見えるようにするにはどうすれば1つの文書にすべて印刷することができますか?ここでは正確に

+0

これは私にはプログラミング関連の問題であるように思われていませんが、あなたのブラウザの開発者のconcoleに行くことができると入力します: 'jQueryのを(「[にitemprop =『電話』]」)。親( 'div')。show(); '。 – secelite

答えて

2

ないstackoverflowの質問、しかし、ソリューションのコピー&は、ページがロードされ後にURL にこの行を貼り付けている

ありがとう:

javascript:jQuery('.phone-link div:first-child').hide();jQuery('.phone-link div:last-child').show() 

は(先頭にjavascript:が含まれます) 。

ノート - あなたは上記のコードブロック内の1で現在のURL(www.bbb...)を交換する必要があります。

+0

ありがとう私はwww.bbb.org/raleigh-durham/accredited-business-directory/roofers?javascript:jQuery('.phone-link div:first-child ')を試してみました。hide(); jQuery('。phone-link div:last-child ')。show()しかし、まだ私はそれを表示するために電話のリンク上にマウスを移動する必要があります。この質問がここに属していない場合はどこに掲載するべきですか? –

+0

いいえ:)元のページを読み込んだ後、URLを私があなたに与えたものに置き換えます。 – Dekel

+0

@RickT、更新済み、チェック – Dekel

-1
<div data-num="123456" class="phone">phone<div> 
<script> 
$(".phone").on('mouseover',function(){ 
    $(this).html($(this).attr("data-num")); 
}); 
$(".phone").on('mouseout',function(){ 
    $(this).html("phone"); 
}); 
</script> 
+4

ようこそスタックオーバーフロー!このコードスニペットは、あなたの投稿の質を向上させるための説明(本当に助けます)(http://meta.stackexchange.com/q/114762)を含む質問を解決するかもしれませんが。あなたが今質問している人だけでなく、将来読者のための質問に答えていることを忘れないでください!説明を追加するためにあなたの答えを[編集]し、どんな制限と前提が適用されるかを示してください。 – BrokenBinary

関連する問題