在通过 ajax 循环调用后尝试截断字符串

Question

我有一个 table，其中包含姓名，每个条目的姓氏都需要截断 ex。迈尔斯戴维斯成为迈尔斯 D.

我用下面的 JS 实现了这个：

$('.trunc-name').each(function (d, td) {
    $(td).text($(td).text().replace(/^(\S+)\s+(\S).*/, ' .'));
});

并且 td class 设置为 trunc-name:

<td class="trunc-name"><?php foreach ($resident_name_terms as $object) { echo $object->name; } ?></td>

那些 table 内容（实际上是 WP 分类术语）可通过 select 表单过滤 - 其选项也被截断了。

Select:

if( $terms = get_terms( array(
    'taxonomy' => 'resident_name',
    'orderby' => 'name'
     ) ) ) :
     echo '<select name="resident_name_filter"><option value="" selected="selected">' . __( 'All Residents', 'mv' ) . '</option>';
     foreach ( $terms as $term ) :
         echo '<option class="trunc-name" value="' . $term->term_id . '">' . $term->name . '</option>'; 
     endforeach;
     echo '</select>';
endif;

到目前为止一切正常。问题是，当我通过该列的 select 选项更改标准时（使用 AJAX 构建），新输出的值不会被截断。

查询参数：

$relation = 'AND';
$params = array();
$args['tax_query']['relation'] = $relation;

foreach ( $taxonomies as $tax ) {
    if( isset( $_POST[ $tax . '_filter' ] ) && !empty( $_POST[ $tax . '_filter' ] ) ) {
        $args['tax_query'][] = array(
            'taxonomy' => $tax,
            'field' => 'id',
            'terms' => $_POST[ $tax . '_filter' ],
        );
    }
};

循环：

$query = new WP_Query( $args );
if( $query->have_posts() ) : ?>
    <table style="width:100%" id="incident-reports">
        <tr>
            <th>Resident</th>
        </tr>

        <?php
            while( $query->have_posts() ): $query->the_post();
                $resident_name_terms = get_the_terms( $post->ID, 'resident_name' );
        ?>

        <tr>
            <td class="trunc-name"><?php foreach ($resident_name_terms as $object) { echo $object->name; } ?></td>
        </tr>
        <?php endwhile; ?>
    </table>
endif;

我们一如既往地非常感谢您的帮助！

Answer 1

您需要运行在 success: 函数中创建新元素后对运行代码进行分类。

$.ajax({
    ...
    success: function(response) {
        ... // code that adds the new HTML
        $('.trunc-name').each(function (d, td) {
            $(td).text($(td).text().replace(/^(\S+)\s+(\S).*/, ' .'));
        });
    }
});

在通过 ajax 循环调用后尝试截断字符串

Trying to truncate string after it's called by loop via ajax

php

ajax

jquery

loops

truncate