ここから本文です

JQUERY、PHPを使っています。 TEXTを送信し、その内容と同じものがあった場合、そ...

leg********さん

2018/12/213:05:19

JQUERY、PHPを使っています。
TEXTを送信し、その内容と同じものがあった場合、そこにJQUERYで色を付けるとしたいです。

・「sample01」を送信した場合、

class[right]のもので、中が「sample01」のものにclass[bk_r]を適用する、といったイメージです。
JQUERYは正常に適用されています。

よろしくお願いします。


<?php
$a2=$_REQUEST["a2"];
?>
<html>
<head>
<iquery>
<script language="javascript">
$(function(){
if($('.right').text()== '<?=$a2?>'){
$(this).addClass('bk_r');
}
});
</script>
<style>
table{
border:2px solid #000000;
empty-cells:show;
border-collapse:collapse;
border-spacing:0;
}
td{
padding:3px 5px;
border:1px solid #aaaaaa;
font-size:13px;
}

.bk_r{
background:#ff0000;

}
</style>
</head>
<body>
<form>
<input type="text" name="a2">
<button type="submit" value="send" name="send">SEND</button>

<table>
<tr>
<td class="right">sample01</td>
<td class="right">sample02</td>
<td class="right">sample03</td>
<td class="right">sample04</td>
<td class="right">sample05</td>
</tr>
</table>
</form>
</body>
</html>

閲覧数:
19
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

shi********さん

2018/12/216:00:42

class="right"の要素をループ処理しないといけません。

(例)
<?php
$a2 = isset($_REQUEST["a2"]) ? $_REQUEST["a2"] : "";
?>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script language="javascript">
$(function(){
if($('.right').each(function(idx, elm) {
if ($(elm).text()== '<?=$a2?>') {
$(elm).addClass('bk_r');
}
}));
});
</script>
<style>
table{
border:2px solid #000000;
empty-cells:show;
border-collapse:collapse;
border-spacing:0;
}
td{
padding:3px 5px;
border:1px solid #aaaaaa;
font-size:13px;
}

.bk_r{
background:#ff0000;

}
</style>
</head>
<body>
<form>
<input type="text" name="a2">
<button type="submit" value="send" name="send">SEND</button>

<table>
<tr>
<td class="right">sample01</td>
<td class="right">sample02</td>
<td class="right">sample03</td>
<td class="right">sample04</td>
<td class="right">sample05</td>
</tr>
</table>
</form>
</body>
</html>

質問した人からのコメント

2018/12/2 16:28:27

ありがとうございました。解決しました。

まだまだ勉強不足を実感しました。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる