jQueryを使用して値がnilでもエラーじゃなく空白で表示させたい

Question

railsで商品の詳細を表示させるページにて、ブランドの項目がnilだと、

NoMethodErrorが表示されてしまいます。

これをブランドがnilでも空白で表示させれるようにしたいです。

jQueryの条件文でnilの場合にテキストを表示させれるような記述をしているつもりなのですが、表示できません。

コードは下記です。

.table__tr__td-brand-following
　.table__tr__td-brand-following__right
　　%p
　　　= @item.brand.name

上記の「= @item.brand.name」がデータベースがnilの場合でも空白で表示させたいです。

下記がjQueryのコードです。

  $(function(){
    var elem = $('.table__tr__td-brand-following__right')
    if(elem.children('p').length == 0){
      elem.children('p').html(" ")
    }
  });

以上です。

初歩的な質問で大変恐縮ですが、どなたかご教示の程よろしくお願い致します。

Answer 1

jQueryの条件文でnilの場合にテキストを表示させれるような記述をしているつもりなのですが、表示できません。

そりゃそうです。@item.brand.nameはRailsで処理するので、JavaScriptの処理が行われる前にエラーとなってしまいます。Rails側での対応が必要です。

とりあえず、nilを無視させる@item.brand&.nameとしておけば、``@item.brandがnilでも全体がnil`になるだけで、エラーは発生しません。

Comments

[kpg]

maisumakun 様
ご返信ありがとうございます！
ご指摘の内容で修正したところ、正常に表示されました！ありがとうございます！
ぼっち演算子というのですね。
大変助かりました。
ありがとうございました。

Answer 2

矛盾していませんか？

elem.children('p').length == 0

elemが子供にpをもっていなければという条件に対して

elem.children('p').html(" ")

elemの子供のpのhtmlをスペースにするという指示。
いやだからそんな要素ないって・・・話

まぁやるとしても

elem.append($('<p> </p>'));

とかじゃないですか？