Question

我正在尝试为用户点击“应用”的特定作业记录获取.postingTitle的值。为此，我尝试使用jobTitle = $('.applyButton').parents().find('.postingTitle').val();来查找postingTitle。

截至目前，我没有得到任何东西。输出只是我的全局变量jobTitle = '';。有谁知道为什么我的find功能不起作用？

JS中注释掉的代码是我尝试过的其他方法。

JS

var jobTitle = '';
$('.applyButton').on('click', function (event) {
    //jobTitle = $('.applyButton').siblings().find('.postingTitle').val();
    jobTitle = $('.applyButton').parents().find('.postingTitle').val();
    //jobTitle = $(this).closest('.postingTitle').val();
    $('#jobTitle').html(jobTitle);
    console.log(jobTitle);
});

PHP

foreach ($career_rows as $career_row) {
        $category = $career_row['category'];
        $job_title = $career_row['job_title'];
        $job_description = $career_row['job_description'];
        $job_requirements = $career_row['job_requirements'];
        $job_status = $career_row['active'];
            echo '<div class="posting">';
                echo '<div class="postingInner">';
                    echo '<span class="postingCategory hGc">'. $category .'</span>';
                    echo '<h3 class="postingTitle">'. $job_title .'</h3>';
                    echo '<p class="postingDescription dGsmall">'. $job_description .'</p>';
                    echo '<p class="dG bold jobRequirementsTitle">Requirements:</p>';
                    //echo '<ul class="jobRequirementList">'. $job_requirements .'</ul>';
                    echo '<ul class="jobRequirementList">'. join('</li><li class="dGsmall">',preg_split('/@@@/',$job_requirements)) .'</ul>';
                    echo '<div class="applyButtonWrap"><button class="buttonInv2 applyButton">Apply</button></div>';
                echo '</div>';
            echo '</div>';
    }

Answer 1

.val()仅适用于input，select，textarea以及其他一些人。如果您想要将文本放在另一个元素中，您可以使用.text()，并且由于.postingTitle是h3，您可以这样做：

 jobTitle = $(this).closest('.postingInner').find('.postingTitle').text();

使用find函数定位同级值

1 个答案: