-3

別のテキストをオーバーマウスしたときにテキストをマークするjsコード（おそらくjquery）を探しています（両方とも同じIDになります）

多数の URL があり、それらをオーバーマウスすると表のセルの色が変わるようにしたい

例えば：

url1 の overmouse は、セル ID 20 をマークします

url2 の overmouse は、セル ID 18 をマークします

ありがとう

4

2 に答える 2

0

より高度なソリューション: http://jsfiddle.net/ggDzw/4/

<table border="1">
    <tr> 
        <td id="cell20">CELL 20</td>
        <td id="cell201">CELL 201</td>
    </tr>
    <tr>
        <td id="cell300">CELL 300</td>
        <td id="cell301">CELL 301</td>
    </tr>
    <tr>
        <td id="cell18">CELL 18</td>
        <td id="cell181">CELL 181</td>
    </tr>
</table>
<h1>
<a id="url1" href="http://www.9gag.com/">URL 1</a><br>
<a id="url2" href="http://www.giorgiacosplay.com/">URL 2</a>
</h1>
​
function URLtoCellHighlight(urlID, cellID) {

$("#" + urlID).hover(

function() {
    $("#" + cellID).addClass("highlight")
}, function() {
    $("#" + cellID).removeClass("highlight")
        });
}

    URLtoCellHighlight("url1", "cell20");
    URLtoCellHighlight("url2", "cell18");
​
.highlight { background-color: yellow }
h1 { color: red }
​

SPAN を使用した基本的な例を次に示します。

http://jsfiddle.net/ggDzw/

<span id="text1">TEXT 1</span>
<span id="text2">Other Text</span>
​
.highlight { background-color: yellow }​

$("#text2").hover(
function() {
    $("#text1").addClass("highlight")
}, function() {
    $("#text1").removeClass("highlight")
});​
于 2012-09-04T10:41:45.907 に答える
0

強調表示するテキストとトリガー テキストの 2 つの異なる ID を作成します。

<span id="part1_text" class="class">my text</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus risus at est sollicitudin vulputate. Quisque tristique velit nec lorem consequat non placerat nibh iaculis.

<br /><br />

<span id="text">hover me</span>​

使用hover:

$('#text').on('hover', function(){
    var nextId = '#part1_'+$(this).attr('id');
    $(nextId).toggleClass('class2');
});
​

JSFiddle

于 2012-09-04T10:43:08.353 に答える