Q&A
ベストアンサー
ご回答ありがとうございます！
頂いたヒントをもとに解決できました！
前提・実現したいこと
js(jquery)でjs_ddクラスに文字がない時にjs_dlクラスが消え
文字が入っていたらjs_dlクラスが表示という仕組みを作りたいです。
発生している問題・エラーメッセージ
現状のソースではjs_ddが空欄の無い状態（<dd class="js_dd"></dd>）では動作するのですが 空欄、改行が入っているとうまく動作しない状態です。 原因がわかる方がいましたらご教授お願いできますと助かります。
該当のソースコード
<html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <style> .js_dl { display: none; } .js_dl.on { display: block; } </style> <body> <dl class="js_dl"> <dt class="js_dt">項目</dt> <dd class="js_dd"> </dd> </dl> </body> <script> (function($){ $(document).ready(function(){ var value = $('.js_dd').text(); if (value) { // 空で無い $('.js_dl').addClass("on"); } else { // 空 $('.js_dl').addClass("none"); } }); })(jQuery); </script> </html>
試したこと
https://qiita.com/TK-C/items/ebb818a1c2075332d5be
こちらの記事を参考に空文字判別を試みました。
回答2件
0
空白文字以外の判定は\Sです
javascript
1<script> 2$(function(){ 3 console.log(/\S/.test($('.js_dd').text())); 4}); 5</script> 6<dd class="js_dd"> 7 8 </dd>
投稿2021/02/03 06:28
総合スコア116724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/02/03 06:50