jquery - 空の属性の場合、jqueryはクラスを追加します

Question

title 属性を持つ div があります。

<div id="video" title="<?php echo $row_rs_dealItem['video']; ?>">

基本的に、mysql からの戻り値が空白の場合、クラスを追加します。次のスクリプトがあります。

$(document).ready(function(e) {
    $('#video[title*=""]').addClass('invisible');
});

とても簡単に思えるので、何が間違っているのかわかりません。みんなありがとう

Answer 1

*=「含む」という意味です。すべてのtitle属性に空の文字列が含まれます。に変更するだけ=です：

$('#video[title=""]').addClass('invisible');

Answer 2

なぜこれをJavaScriptで行うのですか？

タイトルがない=ビデオを表示したくないと思いますか？

if( !empty($row_rs_dealItem['video']) ) {
    echo '<div id="video" title="'. $row_rs_dealItem['video'] .'">';
}

指摘したように、ユーザーに未使用のマークアップをロードさせたい場合は、これを使用してクラスを追加できます...

Answer 3

これを自分で行ったことはありませんが、試してみることをお勧めします

if($("#video").attr("title") == "") {
 $("#video").addClass("invisible");
}

Answer 4

代わりにphpからこれをしないのはなぜですか

echo '<div id="video" title="'. $row_rs_dealItem['video'] .'" class ="'. ((!$row_rs_dealItem['video'])?"invisible":"").'">';