jQuery_html/css_WEB-ITnose の例-htmlチュートリアル-php.cn

jQuery_html/css_WEB-ITnose の例

WBOY

リリース： 2016-06-21 09:43:21

オリジナル

884 人が閲覧しました

この投稿は、Javkburd によって最終編集されました: 2013-05-09 21:11:06

テーブル table で色の dodgerblue のセルを選択したいのですが、コードは

$("#tableEmail td[background-color = dodgerblue]");

ログイン後にコピー

ですが、結果はありません。 bgColor、background、backgroundColor など、他のいくつかの属性も使用されていますが、理由はまだわかりません。フィルターを使用しても使用しなくても機能しません。誰かこれの書き方を知っていますか？プログラムのロジックは問題ないはずです。また、上記の背景色の適用シーンと違いについても触れておきますが、混用しないほうが良いと思います。

ディスカッションへの返信 (解決策)

背景色は dodgerblue ではなく、rgb 形式です
背景色を設定するにはクラスを使用することをお勧めします

この投稿は net_lover によって 2013-05 に最終編集されました。 09 22:15:16

あなたこのようになります
var x = $('#tableEmail td').filter(function() {
return $(this).css('background-color') == ' rgb(30, 144, 255)';
})
x.html("xxxxxxx")

x は td です

IE では次のように記述されます
$('#tableEmail td').filter (function() {
return $(this).css('background-color') == 'dodgerblue';
})

例

<html><head><script src="jquery-1.9.1.min.js"></script></head><body>	<table id="tableEmail">		<tr>			<td style="background: dodgerblue">sdsd</td>			<td style="background: red">sdsd</td>		</tr>	</table>	<input type=button value=test onclick="xx()">	<script>		function xx() {			alert($('#tableEmail td').css("background-color"))			$('#tableEmail td').filter(function() {				return $(this).css('background-color') == 'dodgerblue';			}).html("xxxxxxx")		}	</script></body></html>

ログイン後にコピー

これを行うことができます
var x = $('#tableEmail td').filter(function() {
return $(this) .css('background-color') == 'rgb(30, 144, 255)';
})
x.html("xxxxxxx")

x は td です

これは IE での書き方です
$( '#tableEmail td').filter(function() {
return $(this).css('background-color') == 'dodgerblue';
})

例

<html><head><script src="jquery-1.9.1.min.js"></script></head><body>	<table id="tableEmail">		<tr>			<td style="background: dodgerblue">sdsd</td>			<td style="background: red">sdsd</td>		</tr>	</table>	<input type=button value=test onclick="xx()">	<script>		function xx() {			alert($('#tableEmail td').css("background-color"))			$('#tableEmail td').filter(function() {				return $(this).css('background-color') == 'dodgerblue';			}).html("xxxxxxx")		}	</script></body></html>

ログイン後にコピー

はい、テストしました。しばらくすると、IE は背景色を色名に解析し、Chrome、Firefox、Safari はすべてそれを rgb 値に解析しました。色の名前からRGBを取得する方法があるかどうかを尋ねたいです。また、

var select = td.filter(function () { return $(this).css("background-color") == "rgb(30, 144, 255)" });

ログイン後にコピー

select.next() を使用して次のセルを取得しましたが、何が起こったのかわかりません。

2 つの方法があります
1. Color.js を使用します。ダウンロードと使用方法については、name2rgb http://matthewbj.github.io/Colors/ を参照してください。
2. 事前定義された json を使用します
http://stackoverflow.com/questions /1573053 /javascript-function-to-convert-color-names-to-hex-codes

2 つの方法があります
1. Color.js を使用します。ダウンロード手順については、name2rgb http://matthewbj.github を参照してください。 io/Colors /
2、事前定義された json を使用します
http://stackoverflow.com/questions/1573053/javascript-function-to-convert-color-names-to-hex-codes
ありがとう、select.next を使用する理由があります。 ( ) 次のセルを取得できませんか?

2 つの方法があります
1. Color.js を使用します。ダウンロードと使用手順については、name2rgb http://matthewbj.github.io/Colors/ を参照してください。
2. 事前定義された json を使用します
http://stackoverflow.com/ question/ 1573053/javascript-function-to-convert-color-names-to-hex-codes
ありがとうございます。なぜ select.next() が次のセルを取得しないのですか?
理由はわかっています。各 TD は異なる tr に配置されており、兄弟関係ではなく、TD が 1 つしかないため、select.next() は空です。正しいアプローチは select.parent().next().children().first() です。最初に親要素 tr を取得し、次に次の tr を取得し、次に tr のすべての子要素 td を取得し、最後に最初の要素を取得します。子要素 td それが次に表示されるセルです。