Question

我目前使用Jquery执行以下操作。将鼠标悬停在列表项（成员列表）上并单击审阅选项卡时，将加载成员的审阅页面。使用此设置，每个列表项必须具有自己的特定代码，需要更多id标记和...手动输入审阅页面的文件名。我一直在研究一种更通用的代码......一种构造文件名以便在点击时加载的代码。

我需要代码将文件夹名称（所有评论页面都相同）与所选成员的名字和姓氏（文件夹/ lastName，firstName.php）相结合。请原谅我不知道正确的条款......我正在自学：/到目前为止，这就是我对代码的看法。除了加载文件外，它会执行所有操作...

$('li.services').each(function(){
$('.proviewtab').click(function(e){ 

  var name = $(this).find("p2").text(); 
  name = name.split(" ", 2); 
  var firstName = name[0]; 
  var lastName = name[1]; 
  var folder = "reviews-pest-control-va"; 
  var reviewsPath = folder + '/' + lastName + ',' + firstName + '.php'; 
  reviewsFile = reviewsPath.replace(/ /g, '').toLowerCase(); 

  e.preventDefault(); 
  $('#insert').empty(); 
  $('#insert').load(reviewsFile); 
  $('.lbox').removeClass('hbox'); 
  $('.lbox').addClass('tempbox'); 
  $('.mainflipper').addClass('top'); 
}); 
});

这是html。我正在尝试将文件夹名称，姓氏和名字与load命令结合使用。

<li class="services amelia chesterfield powhatan richmond sussex nottoway 
   greensville bugs bedbugs rodents bees reptiles">
    <div class="lpic">
    <div class="lbox hbox">
    <div class="prolight"></div>
    <div class="pro"><img src="http://integritycontractingofva.com/image/KimMedina.jpg" />
    <p2>Kim Medina<br/>
    (804) 381-8026<br />
    Dodson Pest Control</p2>
    <div class="proviewtab"><p3>Reviews</p3></div></div></div></div>
</li>

我的测试页面使用上面的代码和html http://integritycontractingofva.com/testpage.php

这是我网站上使用我当前代码和HTML的页面。它可以更好地了解我想要复制的内容。 http://integritycontractingofva.com/Pest-Control-in-Chesterfield%2C-VA---Midlothian%2C-VA---Chester%2C-VA---Moseley%2C-VA.php

提前感谢您的帮助：^）

编辑我让它发挥作用。单击“评论”按钮时，会合并相应的（最近的）名字和姓氏，以创建文件名，然后加载。

html

<li class="services amelia chesterfield powhatan richmond sussex nottoway 
       greensville bugs bedbugs rodents bees reptiles">
        <div class="lpic">
        <div class="lbox hbox">
        <div class="pro"><img src="http://integritycontractingofva.com/image/KimMedina.jpg" />
        <p>Kim Medina<br/>
        (804) 381-8026<br />
        Dodson Pest Control</p>
        <div class="proviewtab"><p3>Reviews</p3></div></div></div></div>
    </li>

代码

$('.proviewtab').click(function(e){  
 var name = $(this).closest(".pro").find("p").text();
 name = name.split(/^(\w+)\s+(\w+)/);
 var firstName = name[1]; 
 var lastName = name[2];
 var folder = "reviews-pest-control-va";  
 var reviewsPath = folder + '/' + lastName + ',' + firstName + '.php';
 reviewsFile = reviewsPath.toLowerCase();
    e.preventDefault();
    $('#insert').empty();
    $('#insert').load(reviewsFile);
    $('.lbox').removeClass('hbox');
    $('.lbox').addClass('tempbox');
    $('.mainflipper').addClass('top');

}）;

Jquery - 使用列表项中的成员名称构造要加载的文件名

0 个答案: