Question

我正在寻找js代码（也许是jquery），当我覆盖另一个文本时它们会标记一些文本（它们都具有相同的ID）

我有多个网址，我希望它们上面的包含会更改表格单元格颜色

例如：

url1上的

overmouse将标记单元格ID 20

url2上的

overmouse将标记单元格ID 18

由于

Answer 1

更高级的解决方案：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")
});

Answer 2

为要突出显示的文本和触发器文本创建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

在文本标记另一个文本

2 个答案: