Jquery悬停时隐藏表行

我有一个包含李的div和一个包含表的div。当在li上悬停时，我希望“系统”采用“refSortie”属性并隐藏“refDate”属性等于“refSortie”属性的表行。我的代码不起作用。希望有人能帮忙。提前感谢您的回复。干杯马克

我的HTML：

<div id="contentWrapper">
    <div id="contentOne" class="content">
        <ul>
            <li refSortie="mmm">MMMMM</li>
            <li refSortie="sss">SSSSS</li>
            <li refSortie="mmm">MMMMM</li>
            <li refSortie="ppp">PPPPP</li>
        </ul>
    </div>

    <div id="contentTwo" class="content">
        <table>
            <tr refDate="mmm"><td>MMMMM</td><td>hdqjkhs</td><td>hdqjkhs</td></tr>
            <tr refDate="mmm"><td>MMMMM</td><td>hdqjkhs</td><td>hdqjkhs</td></tr>
            <tr refDate="ppp"><td>PPPPP</td><td>hdqjkhs</td><td>hdqjkhs</td></tr>
            <tr refDate="sss"><td>SSSSS</td><td>hdqjkhs</td><td>hdqjkhs</td></tr>
        </table>
    </div>
    <div id="contentThree" class="content"></div>
    <div id="contentFour" class="content"></div>
</div>

---

这里发生了很多事情。固定js代码：

错误是：

refDate=refSortie

//需要是变量

---

css（“display”：“inline”）

//如果你想用这种方式设置css，你必须使用一个对象，例如

css（{“display”：“inline”}）

这里有很多事情要做。固定js代码：

错误是：

refDate=refSortie

//需要是变量

---

css（“display”：“inline”）

//如果要以这种方式设置css，必须使用对象，例如

css（{“display”：“inline”}）

您的变量在引号中。需要连接

$('#contentTwo table tr[refDate=' + refSortie + ']')

---

您的变量在引号中。需要连接

$('#contentTwo table tr[refDate=' + refSortie + ']')

修复了一系列问题。这里

您可以将鼠标悬停用于鼠标进入和鼠标离开。阅读

refSortie是一个变量，因此它必须作为字符串附加到选择器<代码>$（“#contentTwo table tr[refDate=“”+refSortie+”）

refSortie

未在鼠标移出处理程序中初始化

.css

函数采用关联数组（

.css（{“color”：“red”}）

）或用逗号分隔的单个样式（

.css（“color”，“red”）

）

更改了

.css（{“显示”、“内联”}）

到

.css（{“display”，“block”}）因为它是一个表

参见下面的代码

    $('#contentOne li').hover(function() {
      var refSortie = $(this).attr('refSortie');

      if (!$('#contentOne').hasClass('freezed')) {
        $('#contentTwo table tr[refDate="' + refSortie +'"]').css({"display": "none"});
      }
     }, function() {
        var refSortie = $(this).attr('refSortie');
        if (!$('#contentOne').hasClass('freezed')) {
           $('#contentTwo table tr[refDate="' + refSortie + '"]').css({"display": "block"});
        }
     });

修复了一系列问题。这里

您可以将鼠标悬停用于鼠标进入和鼠标离开。阅读

refSortie是一个变量，因此它必须作为字符串附加到选择器<代码>$（“#contentTwo table tr[refDate=“”+refSortie+”）

refSortie

未在鼠标移出处理程序中初始化

.css

函数采用关联数组（

.css（{“color”：“red”}）

）或用逗号分隔的单个样式（

.css（“color”，“red”）

）

更改了

.css（{“显示”、“内联”}）

到

.css（{“display”，“block”}）因为它是一个表

参见下面的代码

    $('#contentOne li').hover(function() {
      var refSortie = $(this).attr('refSortie');

      if (!$('#contentOne').hasClass('freezed')) {
        $('#contentTwo table tr[refDate="' + refSortie +'"]').css({"display": "none"});
      }
     }, function() {
        var refSortie = $(this).attr('refSortie');
        if (!$('#contentOne').hasClass('freezed')) {
           $('#contentTwo table tr[refDate="' + refSortie + '"]').css({"display": "block"});
        }
     });

---

我喜欢你就给你鼓，你也是答案。我喜欢你就给你鼓，你也是答案。

    $('#contentOne li').hover(function() {
      var refSortie = $(this).attr('refSortie');

      if (!$('#contentOne').hasClass('freezed')) {
        $('#contentTwo table tr[refDate="' + refSortie +'"]').css({"display": "none"});
      }
     }, function() {
        var refSortie = $(this).attr('refSortie');
        if (!$('#contentOne').hasClass('freezed')) {
           $('#contentTwo table tr[refDate="' + refSortie + '"]').css({"display": "block"});
        }
     });