代码之家 › 专栏 › 技术社区 › Tobias

循环遍历元素并从子元素获取值

jquery javascript

Tobias · 技术社区 · 7 年前

我有一个html表,其中的行如下所示:

<tr class="d-flex linkObj" style="display: flex !important;">
    <th class="col-4">
        <div class="document-icon">
            <i class="far fa-file-code"></i>
        </div>
        <span class="file_data">Tobier - WordPress Tutorials, SEO Tools und vieles mehr<br>
            <span class="analyse_url quelle">https://tobier.de</span>
        </span>
    </th>
    <th class="col-2">
        Bild: https://tobier.de/media/2018/06/logo-4.png
    </th>
    <th class="col-2">
        <i class="far fa-check-circle text-success"></i> follow
    </th>
    <th class="col-4">
        <div class="document-icon">
            <i class="far fa-file-code"></i>
        </div>
        <span class="file_data">https://tobier.de<br>
            <span class="analyse_url ziel">https://tobier.de</span>
        </span>
    </th>
</tr>

<span class="analyse_url ziel"> 价值观。

jQuery('.linkObj').each(function (i, obj) {
    //if span value == 'https://tobier.de' do this:
    obj.style.setProperty("display", "none", "important");
});

我从对象访问span的所有尝试都失败了,您能帮我获取span的内容吗?

3 回复 | 直到 7 年前

Rory McCrossan Hsm Sharique Hasan 7 年前

访问 span 在 tr ,您可以使用 find() each() . 然后你可以检查 text() 元素和调用 hide() tr公司 ,如下所示:

jQuery(function($) {
  $('.linkObj').each(function() {
    if ($(this).find('span.analyse_url').text() == 'https://tobier.de') {
      $(this).hide();
    }
  });
});

请注意,您可以通过向 toggle()

$('.linkObj span.analyse_url').each(function() {
  $(this).toggle($(this).find('span.analyse_url').text() != 'https://tobier.de');
});

Mr. Strike 7 年前

$('.linkObj .analyse_url.ziel').each(function (i, obj){
    //if span value == 'https://tobier.de' do this:
    if(obj && (obj.innerHTML == 'https://tobier.de')){
        obj.hide();
    }
});

Piero 7 年前

将标记TR放在表中非常重要,否则它将不起作用。这就是密码。

$('.linkObj span.analyse_url').each(function(i, element) {
        var obj = $(element);
    if (obj.text() == "https://tobier.de") {
        obj.hide(); // hide the span
      obj.closest(".linkObj").hide(); // hide the entire row
     }
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前