下記の様にattrメソッドを使って取得する方法を考えましたが取得できず、undefinedとなります。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div> <div class="bxslider"> <div class="bx1" style="background-image:url('./a.jpg');"aria-hidden="true"> </div> <div class="class2" style="background-image:url('./b.jpg');"> </div> </div> </div> <script> var a = $('.bx1').attr('aria'); console.log(a); </script> </body> </html>
これは何が原因なのでしょうか。
(追記)
紛らわしくてすみません。
上にインラインでaria-hidden="true"
を書きましたがこれは「インラインで描いたら取得できるの?」と思って書いただけです。
目的はbxsliderで勝手についてくるaria-hidden属性値をこちらで意図的に操作したいということです。
インラインで書いたaria-hidden="true"
を消去するのを忘れてました。すみませんでした。
(追記)
!DOCTYPE html> <html> <head> <title>{val c/cmsname}</title> <meta charset="utf-8"> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./css/a.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.css"> </head> <body> <div> <div class="bxslider"> <div class="bx1" style="background-image:url('.a.jpg');"> </div> <div class="class2" style="background-image:url('.b.jpg');"> </div> </div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js"> </script> <script> $(document).ready(function() { $('.bxslider').bxSlider(); }); </script> <script> var a = $('.bx1').prop('aria-hidden') var b = $('.class2').prop('aria-hidden'); console.log(a); console.log(b); </script> </body> </html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/03 10:50
2018/02/03 10:54
2018/02/03 10:58
2018/02/03 11:04
2018/02/03 11:11
2018/02/03 11:14
2018/02/03 11:32
2018/02/03 11:48 編集
2018/02/03 12:03
2018/02/03 12:35
2018/02/03 22:30
2018/02/03 23:28
2018/02/04 00:06
2018/02/04 00:54
2018/02/04 03:32
2018/02/04 12:10