Q&A
あまり関係がないかもしれませんがSafariはMacのSafariですか？WindowsのSafariですか？
前提・実現したいこと
jQueryを用いてHTMLのテーブルに行を追加しようとしています。
発生している問題・エラーメッセージ
Safariのみ、以下エラーが発生し行追加が行えません。
TypeError: 'undefined' is not a function (evaluating 'e.getAttribute("type")')
該当のソースコード
HTML
1<html> 2 <head> 3 <title>テーブルに行を追加する</title> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 6 </head> 7 8 <body> 9 <table id = "sample_table"> 10 <tbody> 11 <!-- ここに行を追加する --> 12 </tbody> 13 </table> 14 <script> 15 $(function() { 16 $('#sample_table tbody').append('<tr><td>列１</td><td>列２</td><td>列３</td></tr>'); 17 }); 18 </script> 19 </body> 20</html>
試したこと
・append以外のDOM追加メソッドでの試行（prepend、appendTo）
・appendの引数を単純な文字列にすればエラーは出ないが、<tr>要素で挿入できない。
SafariのみjQueryの挙動が怪しくなるのは認識しているつもりですが、DOM追加関連の記事などは
見つけることができませんでした。
補足情報（FW/ツールのバージョンなど）
正常に動作するブラウザ
・GoogleChrome 70.0.3538.77
・InternetExplorer 11.345
・Microsoft EdgeHTML 17.17134
・FireFox 63.0.1
エラーが出るブラウザ
・Safari 5.1.7
Safariでも正常に動作する行追加の方法はありますでしょうか。
お手数おかけしますが、ご教示のほど宜しくお願いいたします。
エラー内容からするとjQuery本体に出てそうですね。バージョンを2系や1系にかえてもダメですか？
回答2件
0
If you need to support older browsers like Internet Explorer 6-8, Opera 12.1x or Safari 5.1+, use jQuery 1.12.
とあるので、jQuery 1.12 を使えばいいと思います。
投稿2018/11/01 06:35
総合スコア2551
0
下記のような記事が参考になるかもしれません。
jQuery 3.x系
Safari：最新バージョンとその一つ前のバージョン
利用されているSafari5.1.7はバージョン履歴からすると
2012年5月9日リリースのもののようですね。6年半前なのでかなり古いです。
jQuery3系のリリースが2016年6月ということからすると、非対応のブラウザである可能性も高いです。
2.x系か1.x系にかえれば動作しそうに思います。
お試しください。
投稿2018/11/01 06:33
総合スコア80850
あなたの回答
tips
プレビュー
