Javascript 使用jQuery定位正确的元素

工具提示库正在复制dom节点以在工具提示中插入html

我需要针对工具提示中的元素，但javascript始终应用于原始元素。

 <a class="tooltip">Open</a>

<div class="tooltip-html" style="display:none;">
<div id="main-content" class="scroll">
    <div class="Content">
        <div class="blue">
        </div>
    </div>
</div>

编辑：

也试过用,

$("#main-content.scroll", "#tiptip_content").test();

更新：

正如人们提到的那样，命名父div就像我应该工作一样，下面是一个示例，说明我如何无法在工具提示中找到目标

---

蓝色不行，红色不行。我觉得这两条线都应该行。

找到了我问题的主要原因。插件中的以下行：

function active_tiptip(){
    opts.enter.call(this);        
    tiptip_content.html(org_title);

---

enter调用是在任何工具提示内容出现在DOM中之前调用的，正如工具提示的包装器存在一样，当主内容不在工具提示中时调用主内容显然会失败。不确定我是否已经完全解决了我的问题，但颠倒这些行可以解决手头的问题。

在您的示例代码中，这是什么？另外，您是否查看过DOM，看看它在复制后是什么样子，使用firebug或类似的工具来确保html没有被修改？编辑问题并回答这些问题，会有额外的div包装html，但html不会以任何方式被修改。当您使用

$（此）

您指的是封装函数的选定元素。在上述情况下，

$（此）

将引用

$（'.tooltip'）

。不确定为什么

$（“#main content.scroll”、“#tippip_content”）.test（）对您不起作用。我做了一个测试来测试选择，它似乎与你发布的HTML一起工作。是的，这很好，
$（“#main content.scroll”、“#tippip_content”）。test（）
应该可以工作。您可以尝试
$（“#tiptip_content.scroll”）.test（），但我不明白如果第一个失败为什么它会起作用。顺便问一下，您是否定义了这个test（）函数？因为我在jQuery中没有看到它，我定义了test，只是一个例子。但你可以在这把小提琴中看到：//$（“主要内容”，“工具提示内容”）.css（“背景”，“红色”）$（“#主要内容”、“#Tippip_内容”）.css（“背景”、“蓝色”）；红色有效，蓝色无效。即使不担心将东西应用到正确的元素，我也无法在工具提示中找到目标。
 var tip_html = $('.tooltip-html').html();
    $('.tooltip').tipTip({ content: tip_html, enter: function(){
        $(this).find("div.scroll").test();

    }

$("#main-content.scroll", "#tiptip_content").test();

//$("#main-content", "#tooltip-content").css("background", "red");
$("#main-content", "#tiptip_content").css("background", "blue");

function active_tiptip(){
    opts.enter.call(this);        
    tiptip_content.html(org_title);