jquery - 如何通过jquery选择子元素

Question

<div id="container_security" class="ui-dialog-content ui-widget-content" style="display: block; width: auto; min-height: 0px; height: 485.40000009536743px;">
        <div class="container_sec_class_container" style="display: block;">
            <div class="cont_sec_sec" style="height: 70px;">
                <p class="container_title">
                    Name
                </p>
                <input id="container_name" readonly="readonly" type="text">
                <p class="container_secclass_title">Security Class</p>
                <dl class="container_security_class dropdown">
                    <dt>
                     <span class="parent">
                      <span class="container_secclass_dropdown">Shipping and Receiving</span>

在上面的代码中，我想将 title 属性设置为上面 DOM 树的最底部元素。我想在类为父类的跨度下设置所有子跨度的标题。

我正在尝试下面编写的代码，但它不起作用

var dropDownItem = $('#container_security > div > dl > dt > span > span');
dropDownItem.attr('title', dropDownItem.val());

Answer 1

我建议对其类使用后代选择器(而不是一系列脆弱的子选择器):

var dropDownItem = $('#container_security .container_secclass_dropdown');
dropDownItem.attr('title', dropDownItem.val());

但请注意 val 不适用于 span 元素(仅表单字段)，因此 dropDownItem.val() 部分不适用有道理。也许你想要 .text()。