javascript - Div 按钮隐藏在此代码中无法正常工作

Question

这里我有两行，在那两行中我有两个按钮。

第一个按钮

<button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>

第二个按钮

<button class="button button4 prlstbtn changeBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;">
Contact 
Bulider</button>

我的要求是假设我单击“联系 Bulider”按钮意味着我想隐藏此按钮，我想显示“已查看”按钮。

function checkvalidlogin(property_id, postedCustomerId, fullName, contactNumber, house, sublocality, emailId, excat_address) {
  var $list = $(this).closest(".prptylsttNew ");
  id = $list.find(".changeBTN").hide();
  console.log(id)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="row box adjust prptylsttNew rentLoopListing" style=" margin-left:15px;margin-right:9px;padding: 10px;background-color:#fff;">
  <div class="col-md-4 mgb">
    <img src="uploads/toletlist.jpg" class="img-thumbnail" height="150" width="100%" alt="No Image" onclick="rentlist_loginnn('10')">
  </div>
  <div class="col-md-8" style="text-align: -webkit-center;">
    <div style="background-color: #fff;padding: 12px;">
      <h4 style="margin-top: 0px;" class="hov">1 RK Apartment for Rent in Marathahalli</h4>
      <input type="hidden" value="10" class="propertyId">
    </div>
    <hr style="margin-top: 0px;margin-bottom: 0px;border-color: rgba(0, 0, 0, 0.23);">
    <div style="background-color:#fff;padding:12px;">
      <div class="row">
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">Rent:&nbsp;<span><i class="fa fa-inr" aria-hidden="true"></i></span> 7976 </h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;"> Fully-Furnished</h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">-Square feet </h5>
        </div>
      </div>
    </div>
    <div class="row prptylstt">
      <div class="col-md-5 col-sm-6 col-xs-6">
        <a href="rentdetails.php?id=MTA=" target="_blank" class="p_id"> <button class="button button3"> View Details</button></a>
      </div>
      <div class="col-md-1"> </div>
      <div class="col-md-6 col-sm-6 col-xs-6">
        <button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>
        
        <button class="button button4 prlstbtn changeBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;">
Contact 
Bulider</button>
      </div>
    </div>
  </div>
</div>










<div class="row box adjust prptylsttNew rentLoopListing" style=" margin-left:15px;margin-right:9px;padding: 10px;background-color:#fff;">
  <div class="col-md-4 mgb">
    <img src="uploads/toletlist.jpg" class="img-thumbnail" height="150" width="100%" alt="No Image" onclick="rentlist_loginnn('9')">
  </div>
  <div class="col-md-8" style="text-align: -webkit-center;">
    <div style="background-color: #fff;padding: 12px;">
      <h4 style="margin-top: 0px;" class="hov">2 BHK Individual House for Rent in Marathahalli</h4>
      <input type="hidden" value="9" class="propertyId">
    </div>
    <hr style="margin-top: 0px;margin-bottom: 0px;border-color: rgba(0, 0, 0, 0.23);">
    <div style="background-color:#fff;padding:12px;">
      <div class="row">
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">Rent:&nbsp;<span><i class="fa fa-inr" aria-hidden="true"></i></span> 8000 </h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;"> Semi-Furnished</h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">-Square feet </h5>
        </div>
      </div>
    </div>
    <div class="row prptylstt">
      <div class="col-md-5 col-sm-6 col-xs-6">
        <a href="rentdetails.php?id=OQ==" target="_blank" class="p_id"> <button class="button button3"> View Details</button></a>
      </div>
      <div class="col-md-1"> </div>
      <div class="col-md-6 col-sm-6 col-xs-6">
        <button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('9','7','Sarvan','8277904354','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>
        <button class="button button4 prlstbtn changeBTN" onclick="checkvalidlogin('9','7','Sarvan','8277904354','',' Lakshmi Layout','....@gmail.com','')" style="padding-left: 0px;padding-right: 0px;">
Contact 
Bulider</button>
      </div>
    </div>
  </div>
</div>

Answer 1

问题是 var $list = $(this) 代码不知道 this 指的是什么。

我已将您的功能更改为:

function checkvalidlogin(property_id, postedCustomerId, fullName, contactNumber, house, sublocality, emailId, excat_address, obj) {
  var $list = $(obj).parents(".prptylsttNew");
  $list.find(".changeBTN").hide();
}

现在你的按钮看起来像:

<button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','', this)" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>

已将此添加到点击事件的末尾

'...@gmail.com','', this)
                    ^^^^

function checkvalidlogin(property_id, postedCustomerId, fullName, contactNumber, house, sublocality, emailId, excat_address, obj) {
  var $list = $(obj).parents(".prptylsttNew");
  $list.find(".changeBTN").hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row box adjust prptylsttNew rentLoopListing" style=" margin-left:15px;margin-right:9px;padding: 10px;background-color:#fff;">
  <div class="col-md-4 mgb">
    <img src="uploads/toletlist.jpg" class="img-thumbnail" height="150" width="100%" alt="No Image" onclick="rentlist_loginnn('10')">
  </div>
  <div class="col-md-8" style="text-align: -webkit-center;">
    <div style="background-color: #fff;padding: 12px;">
      <h4 style="margin-top: 0px;" class="hov">1 RK Apartment for Rent in Marathahalli</h4>
      <input type="hidden" value="10" class="propertyId">
    </div>
    <hr style="margin-top: 0px;margin-bottom: 0px;border-color: rgba(0, 0, 0, 0.23);">
    <div style="background-color:#fff;padding:12px;">
      <div class="row">
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">Rent:&nbsp;<span><i class="fa fa-inr" aria-hidden="true"></i></span> 7976 </h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;"> Fully-Furnished</h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">-Square feet </h5>
        </div>
      </div>
    </div>
    <div class="row prptylstt">
      <div class="col-md-5 col-sm-6 col-xs-6">
        <a href="rentdetails.php?id=MTA=" target="_blank" class="p_id"> <button class="button button3"> View Details</button></a>
      </div>
      <div class="col-md-1"> </div>
      <div class="col-md-6 col-sm-6 col-xs-6">
        <button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','', this)" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>
        <button class="button button4 prlstbtn changeBTN" onclick="checkvalidlogin('10','0','Raju','9090909090','',' Lakshmi Layout','....@gmail.com','', this)" style="padding-left: 0px;padding-right: 0px;">
Contact 
Bulider</button>
      </div>
    </div>
  </div>
</div>










<div class="row box adjust prptylsttNew rentLoopListing" style=" margin-left:15px;margin-right:9px;padding: 10px;background-color:#fff;">
  <div class="col-md-4 mgb">
    <img src="uploads/toletlist.jpg" class="img-thumbnail" height="150" width="100%" alt="No Image" onclick="rentlist_loginnn('9')">
  </div>
  <div class="col-md-8" style="text-align: -webkit-center;">
    <div style="background-color: #fff;padding: 12px;">
      <h4 style="margin-top: 0px;" class="hov">2 BHK Individual House for Rent in Marathahalli</h4>
      <input type="hidden" value="9" class="propertyId">
    </div>
    <hr style="margin-top: 0px;margin-bottom: 0px;border-color: rgba(0, 0, 0, 0.23);">
    <div style="background-color:#fff;padding:12px;">
      <div class="row">
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">Rent:&nbsp;<span><i class="fa fa-inr" aria-hidden="true"></i></span> 8000 </h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;"> Semi-Furnished</h5>
        </div>
        <div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
          <h5 style="margin-top: 0px;">-Square feet </h5>
        </div>
      </div>
    </div>
    <div class="row prptylstt">
      <div class="col-md-5 col-sm-6 col-xs-6">
        <a href="rentdetails.php?id=OQ==" target="_blank" class="p_id"> <button class="button button3"> View Details</button></a>
      </div>
      <div class="col-md-1"> </div>
      <div class="col-md-6 col-sm-6 col-xs-6">
        <button class="button button4 prlstbtn changedBTN" onclick="checkvalidlogin('9','7','Sarvan','8277904354','',' Lakshmi Layout','....@gmail.com','', this)" style="padding-left: 0px;padding-right: 0px;display: none">Viewed</button>
        <button class="button button4 prlstbtn changeBTN" onclick="checkvalidlogin('9','7','Sarvan','8277904354','',' Lakshmi Layout','....@gmail.com','', this)" style="padding-left: 0px;padding-right: 0px;">
Contact 
Bulider</button>
      </div>
    </div>
  </div>
</div>