javascript - 添加基于 class 或 id 的 jQuery 条件

Question

我正在尝试向我的 jQuery 添加条件。我的脚本是:

$("#mycontent a.half.first"+$id).removeClass("half").prependClass("paid");
$("#mycontent2 a.half.second"+$id).removeClass("half").prependClass("paid");

我在表格中有一个链接:

<table class='grav-results-table' id='mycontent' width='75%'>
  <tr class="grav-results-tr">
    <td class="grav-results-td">
    <a href="#inbound" class="half first3547" onclick="comtype(3547,'inbound', 704)">$184.20</a>

我正在尝试定位上面显示的链接。我尝试了以下不同的变体:

if ( $( "#mycontent" ).hasClass( "half first" ) ) {
  $("#mycontent a.half.first"+$id).removeClass("half").prependClass("paid");
  $("#mycontent2 a.half.second"+$id).removeClass("half").prependClass("paid");
}

我也试过:

if ( $( this ).hasClass( "half first" ) )

此代码位于我的 AJAX 脚本的成功区域。

但我似乎找不到定位类(class)的正确方法。我做错了什么？

Answer 1

你需要改变你的 if 条件来在表的 child 中寻找类(class)......像这样:

if ($("#mycontent").find("a.half").length > 0) {
  console.log('children found');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table class='grav-results-table' id='mycontent' width='75%'>
  <tr class="grav-results-tr">
    <td class="grav-results-td">
      <a href="#inbound" class="half first3547"></a>
    </td>
  </tr>
</table>