# サブテーブルの文字色変更の応用について （論理演算子）

**URL:** https://community.cybozu.dev/t/topic/31
**Category:** kintone 開発相談
**Created:** [2022 年 9 月 3 日午前 4:45 UTC](https://community.cybozu.dev/t/topic/31 "2022-09-03T04:45:00Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)
#### Post date: [2022 年 9 月 3 日午前 4:45 UTC](https://community.cybozu.dev/t/topic/31/1 "2022-09-03T04:45:00Z")

</div>

[https://developer.cybozu.io/hc/ja/community/posts/9129336313753-%E8%A9%B3%E7%B4%B0%E7%94%BB%E9%9D%A2%E3%81%AE%E3%82%B5%E3%83%96%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E6%96%87%E5%AD%97%E8%89%B2%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E3%81%84-%E5%85%B6%E3%81%AE%EF%BC%92](https://developer.cybozu.io/hc/ja/community/posts/9129336313753-%E8%A9%B3%E7%B4%B0%E7%94%BB%E9%9D%A2%E3%81%AE%E3%82%B5%E3%83%96%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E6%96%87%E5%AD%97%E8%89%B2%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E3%81%84-%E5%85%B6%E3%81%AE%EF%BC%92)

javascript初心者です

コチラの記事を参考にテストを進めて任意の色変更をすることはできましたが、

「タイプA」か「タイプB」か「タイプC」なら『青』という条件で

論理演算子を取り入れることは可能でしょうか？

下記のように記入してみた所、タイプAは色が変わり、タイプBはそのままでした

修正箇所があればご指摘頂ければ幸いです

&nbsp;

```
(() => {
    'use strict';
    
    kintone.events.on("app.record.detail.show", function(e) {
      
      const TABLE_SELECTOR = '.subtable-6375041';  
      const COLOR_COLUMN_INDEX = 3;
      
      // 毎３００ミリ秒、テーブルの存在をチェック
      const interval = setInterval(()=>{
        const els = $(`${TABLE_SELECTOR} td:nth-child(${COLOR_COLUMN_INDEX }) span:contains("タイプA")`);
      const els2 = $(`${TABLE_SELECTOR} td:nth-child(${COLOR_COLUMN_INDEX }) span:contains("タイプB")`);
  
      if(els.length || els2.length){ // 存在したら、
          clearInterval(interval); // 存在チェックをストップし、
          els.css('color','blue'); // css を適用する。
        }
        
      }, 300) 
   
    return e;
      
    });

```

---

<div class="post-metadata">

### Author: ![Legacy\_Account2757](https://avatars.discourse-cdn.com/v4/letter/l/65b543/32.png) [@Legacy\_Account2757](https://community.cybozu.dev/u/Legacy_Account2757)
#### Post date: [2022 年 9 月 5 日午前 12:09 UTC](https://community.cybozu.dev/t/topic/31/2 "2022-09-05T00:09:17Z")

</div>

&nbsp;千葉 操

```
els.css('color','blue'); 

```

elsにはタイプAしか入っていないので，タイプAのみ色が変わります．  
なので，タイプBの色も変えたいのであれば，els2の色を変える必要があります．

なお，このコードではタイプA，タイプBどちらかが存在した時点で存在チェックが終了するフローになっていますが，  
タイプA，Bそれぞれで存在チェックをしなくても問題ありませんか？  
タイプAがあるときタイプBはない/タイプBがあるときはタイプAはない，ということであればこれでも問題ないのですが，  
それぞれ(タイプCも)のテーブルが独立して存在しているのであれば，コードに少し工夫が必要と思います．  
（テーブル単位でループ処理するなど）

&nbsp;

---

<div class="post-metadata">

### Author: ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)
#### Post date: [2022 年 9 月 5 日午前 9:41 UTC](https://community.cybozu.dev/t/topic/31/3 "2022-09-05T09:41:29Z")

</div>

タイプAのみが適用される理由が分かりました。

ありがとうございます。

ループ処理と合わせて検討してみます

&nbsp;

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)
#### Post date: [2024 年 8 月 1 日午前 5:50 UTC](https://community.cybozu.dev/t/topic/31/4 "2024-08-01T05:50:14Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
